diff --git a/.changeset/eleven-bears-end.md b/.changeset/eleven-bears-end.md
new file mode 100644
index 00000000000..ceece87e320
--- /dev/null
+++ b/.changeset/eleven-bears-end.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Add `data-variant` and `data-color` attributes to the Text component.
diff --git a/packages/clerk-js/src/ui/primitives/Text.tsx b/packages/clerk-js/src/ui/primitives/Text.tsx
index 93ec00b736d..a430b165cb3 100644
--- a/packages/clerk-js/src/ui/primitives/Text.tsx
+++ b/packages/clerk-js/src/ui/primitives/Text.tsx
@@ -48,6 +48,8 @@ export const Text = React.forwardRef<HTMLElement, TextProps>((props, ref) => {
   return (
     <As
       {...applyDataStateProps(filterProps(rest))}
+      data-variant={props.variant || 'body'}
+      data-color={props.colorScheme || 'inherit'}
       css={applyVariants(props) as any}
       ref={ref as unknown as any}
     />