diff --git a/packages/react/src/components/TextArea/__snapshots__/TextArea.story.storyshot b/packages/react/src/components/TextArea/__snapshots__/TextArea.story.storyshot
index 473f94522..bd6a51397 100644
--- a/packages/react/src/components/TextArea/__snapshots__/TextArea.story.storyshot
+++ b/packages/react/src/components/TextArea/__snapshots__/TextArea.story.storyshot
@@ -1183,7 +1183,7 @@ exports[`Storyshots TextArea Has Label 1`] = `
   display: flow-root;
   margin-top: 8px;
   margin-bottom: 0px;
-  color: var(--charcoal-text1);
+  color: var(--charcoal-text2);
 }
 
 .c13::before {
diff --git a/packages/react/src/components/TextArea/index.tsx b/packages/react/src/components/TextArea/index.tsx
index b4436b4ed..204bde0aa 100644
--- a/packages/react/src/components/TextArea/index.tsx
+++ b/packages/react/src/components/TextArea/index.tsx
@@ -242,6 +242,6 @@ const AssistiveText = styled.p<{ invalid: boolean }>`
       o.typography(14),
       o.margin.top(8),
       o.margin.bottom(0),
-      o.font[p.invalid ? 'assertive' : 'text1'],
+      o.font[p.invalid ? 'assertive' : 'text2'],
     ])}
 `
diff --git a/packages/react/src/components/TextField/__snapshots__/TextField.story.storyshot b/packages/react/src/components/TextField/__snapshots__/TextField.story.storyshot
index 735934cba..2ae8eda80 100644
--- a/packages/react/src/components/TextField/__snapshots__/TextField.story.storyshot
+++ b/packages/react/src/components/TextField/__snapshots__/TextField.story.storyshot
@@ -1146,7 +1146,7 @@ exports[`Storyshots TextField Has Label 1`] = `
   line-height: 22px;
   margin-top: 4px;
   margin-bottom: -4px;
-  color: var(--charcoal-text1);
+  color: var(--charcoal-text2);
 }
 
 .c0 {
diff --git a/packages/react/src/components/TextField/index.tsx b/packages/react/src/components/TextField/index.tsx
index a08f4186a..ff47b3731 100644
--- a/packages/react/src/components/TextField/index.tsx
+++ b/packages/react/src/components/TextField/index.tsx
@@ -246,5 +246,5 @@ const AssistiveText = styled.p<{ invalid: boolean }>`
   line-height: 22px;
   margin-top: 4px;
   margin-bottom: -4px;
-  color: ${(p) => `var(--charcoal-${p.invalid ? `assertive` : `text1`})`};
+  color: ${(p) => `var(--charcoal-${p.invalid ? `assertive` : `text2`})`};
 `