diff --git a/canon-docs/src/app/(docs)/theme/theming/page.mdx b/canon-docs/src/app/(docs)/theme/theming/page.mdx
index ec09405cac..14cd06cb8f 100644
--- a/canon-docs/src/app/(docs)/theme/theming/page.mdx
+++ b/canon-docs/src/app/(docs)/theme/theming/page.mdx
@@ -194,7 +194,7 @@ are prefixed with `fg` to make it easier to identify.
     </Table.Row>
     <Table.Row>
       <Table.Cell>
-        <Chip head>--canon-fg-text-secondary</Chip>
+        <Chip head>--canon-fg-secondary</Chip>
       </Table.Cell>
       <Table.Cell>
         It should be used on top of `--canon-bg-app` or `--canon-bg-elevated`.
diff --git a/packages/canon/src/components/Field/Field.styles.css b/packages/canon/src/components/Field/Field.styles.css
index 13ed8a4d48..6a8e3c8e22 100644
--- a/packages/canon/src/components/Field/Field.styles.css
+++ b/packages/canon/src/components/Field/Field.styles.css
@@ -31,7 +31,7 @@
 .canon-FieldDescription {
   font-size: var(--canon-font-size-2);
   font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
   margin: 0;
   padding-top: var(--canon-space-1_5);
 }
@@ -47,7 +47,7 @@
 .canon-FieldValidity {
   font-size: var(--canon-font-size-2);
   font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
   margin: 0;
   padding-top: var(--canon-space-1_5);
 }
diff --git a/packages/canon/src/components/Input/Input.styles.css b/packages/canon/src/components/Input/Input.styles.css
index b31a93749c..72248f887e 100644
--- a/packages/canon/src/components/Input/Input.styles.css
+++ b/packages/canon/src/components/Input/Input.styles.css
@@ -27,7 +27,7 @@
 }
 
 .canon-Input::placeholder {
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
 }
 
 .canon-Input:hover {