diff --git a/src/components/call_out/__snapshots__/call_out.test.tsx.snap b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
index 6ac880e72ecd..471508968463 100644
--- a/src/components/call_out/__snapshots__/call_out.test.tsx.snap
+++ b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`EuiCallOut is rendered 1`] = `
     class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
   >
     <div
-      class="euiTextColor euiTextColor--default"
+      class="css-7fidck-euiTextColor-default"
     >
       Content
     </div>
@@ -103,7 +103,7 @@ exports[`EuiCallOut props title is rendered 1`] = `
     class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
   >
     <div
-      class="euiTextColor euiTextColor--default"
+      class="css-7fidck-euiTextColor-default"
     >
       Content
     </div>
diff --git a/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap b/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
index 6c27d70c488a..1cb48999cc57 100644
--- a/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
+++ b/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
@@ -53,7 +53,7 @@ exports[`EuiDatePickerRange is rendered 1`] = `
     class="euiText euiDatePickerRange__delimeter css-1oeurl1-euiText-s"
   >
     <div
-      class="euiTextColor euiTextColor--subdued"
+      class="css-xv0fhq-euiTextColor-subdued"
     >
       →
     </div>
@@ -144,7 +144,7 @@ exports[`EuiDatePickerRange uses individual EuiDatePicker props 1`] = `
     class="euiText euiDatePickerRange__delimeter css-1oeurl1-euiText-s"
   >
     <div
-      class="euiTextColor euiTextColor--subdued"
+      class="css-xv0fhq-euiTextColor-subdued"
     >
       →
     </div>
diff --git a/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap b/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
index c01f893388df..081dc431ce09 100644
--- a/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
+++ b/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap
@@ -29,7 +29,7 @@ exports[`EuiEmptyPrompt is rendered 1`] = `
           Title
         </h2>
         <span
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <div
             class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
@@ -127,7 +127,7 @@ exports[`EuiEmptyPrompt props body renders alone 1`] = `
         class="euiEmptyPrompt__contentInner"
       >
         <span
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <div
             class="euiText css-h22ihx-euiText-m"
diff --git a/src/components/form/__snapshots__/form.test.tsx.snap b/src/components/form/__snapshots__/form.test.tsx.snap
index 14981d571bb5..7caf8c836db1 100644
--- a/src/components/form/__snapshots__/form.test.tsx.snap
+++ b/src/components/form/__snapshots__/form.test.tsx.snap
@@ -58,7 +58,7 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has mul
       class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
     >
       <div
-        class="euiTextColor euiTextColor--default"
+        class="css-7fidck-euiTextColor-default"
       >
         <ul>
           <li
@@ -103,7 +103,7 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has one
       class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
     >
       <div
-        class="euiTextColor euiTextColor--default"
+        class="css-7fidck-euiTextColor-default"
       >
         <ul>
           <li
diff --git a/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap b/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
index 8721c5a862cf..7e8941dfb6d6 100644
--- a/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
+++ b/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`EuiFormControlLayoutDelimited is rendered 1`] = `
       class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
     >
       <div
-        class="euiTextColor euiTextColor--subdued"
+        class="css-xv0fhq-euiTextColor-subdued"
       >
         →
       </div>
@@ -48,7 +48,7 @@ exports[`EuiFormControlLayoutDelimited props delimiter is rendered as a node 1`]
       class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
     >
       <div
-        class="euiTextColor euiTextColor--subdued"
+        class="css-xv0fhq-euiTextColor-subdued"
       >
         <span
           data-euiicon-type="alert"
@@ -80,7 +80,7 @@ exports[`EuiFormControlLayoutDelimited props delimiter is rendered as a string 1
       class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
     >
       <div
-        class="euiTextColor euiTextColor--subdued"
+        class="css-xv0fhq-euiTextColor-subdued"
       >
         +
       </div>
diff --git a/src/components/form/range/__snapshots__/dual_range.test.tsx.snap b/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
index 0a91a700adee..2689019ad60b 100644
--- a/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
+++ b/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
@@ -527,7 +527,7 @@ exports[`EuiDualRange props loading should display when showInput="inputWithPopo
             class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
           >
             <div
-              class="euiTextColor euiTextColor--subdued"
+              class="css-xv0fhq-euiTextColor-subdued"
             >
               →
             </div>
@@ -616,7 +616,7 @@ exports[`EuiDualRange props slider should display in popover 1`] = `
             class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
           >
             <div
-              class="euiTextColor euiTextColor--subdued"
+              class="css-xv0fhq-euiTextColor-subdued"
             >
               →
             </div>
diff --git a/src/components/notification/__snapshots__/notification_event.test.tsx.snap b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
index 23a18a459485..2a781e6f5031 100644
--- a/src/components/notification/__snapshots__/notification_event.test.tsx.snap
+++ b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
@@ -52,7 +52,7 @@ exports[`EuiNotificationEvent is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -117,7 +117,7 @@ exports[`EuiNotificationEvent props badgeColor is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -233,7 +233,7 @@ exports[`EuiNotificationEvent props headingLevel is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -303,7 +303,7 @@ exports[`EuiNotificationEvent props iconAriaLabel is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -372,7 +372,7 @@ exports[`EuiNotificationEvent props iconType is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -454,7 +454,7 @@ exports[`EuiNotificationEvent props isRead  is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -518,7 +518,7 @@ exports[`EuiNotificationEvent props multiple messages are rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message 1
@@ -564,7 +564,7 @@ exports[`EuiNotificationEvent props multiple messages are rendered 1`] = `
                   class="euiText css-1oeurl1-euiText-s"
                 >
                   <div
-                    class="euiTextColor euiTextColor--subdued"
+                    class="css-xv0fhq-euiTextColor-subdued"
                   >
                     <p>
                       message 2
@@ -575,7 +575,7 @@ exports[`EuiNotificationEvent props multiple messages are rendered 1`] = `
                   class="euiText css-1oeurl1-euiText-s"
                 >
                   <div
-                    class="euiTextColor euiTextColor--subdued"
+                    class="css-xv0fhq-euiTextColor-subdued"
                   >
                     <p>
                       message 3
@@ -644,7 +644,7 @@ exports[`EuiNotificationEvent props primaryAction is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -727,7 +727,7 @@ exports[`EuiNotificationEvent props primaryActionProps is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
@@ -815,7 +815,7 @@ exports[`EuiNotificationEvent props severity  is rendered 1`] = `
         class="euiText css-1oeurl1-euiText-s"
       >
         <div
-          class="euiTextColor euiTextColor--subdued"
+          class="css-xv0fhq-euiTextColor-subdued"
         >
           <p>
             message
diff --git a/src/components/selectable/__snapshots__/selectable.test.tsx.snap b/src/components/selectable/__snapshots__/selectable.test.tsx.snap
index 4cac4ea7c6d7..ec7ede893a9f 100644
--- a/src/components/selectable/__snapshots__/selectable.test.tsx.snap
+++ b/src/components/selectable/__snapshots__/selectable.test.tsx.snap
@@ -131,7 +131,7 @@ exports[`EuiSelectable errorMessage prop can render an element as the message 1`
     id="generated-id_messageContent"
   >
     <div
-      class="euiTextColor euiTextColor--subdued"
+      class="css-xv0fhq-euiTextColor-subdued"
     >
       <span>
         Element error!
@@ -273,7 +273,7 @@ exports[`EuiSelectable errorMessage prop does renders the message when defined 1
     id="generated-id_messageContent"
   >
     <div
-      class="euiTextColor euiTextColor--subdued"
+      class="css-xv0fhq-euiTextColor-subdued"
     >
       <p>
         Error!
@@ -376,7 +376,7 @@ exports[`EuiSelectable search value supports inheriting initialSearchValue from
     id="generated-id_messageContent"
   >
     <div
-      class="euiTextColor euiTextColor--subdued"
+      class="css-xv0fhq-euiTextColor-subdued"
     >
       <p>
         <strong>
diff --git a/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap b/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
index 1aa6697bbe85..e5e7ab4a53bf 100644
--- a/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
+++ b/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`EuiSelectableMessage bordered is rendered 1`] = `
   class="euiText euiSelectableMessage euiSelectableMessage--bordered css-3vmilf-euiText-xs"
 >
   <div
-    class="euiTextColor euiTextColor--subdued"
+    class="css-xv0fhq-euiTextColor-subdued"
   />
 </div>
 `;
@@ -17,7 +17,7 @@ exports[`EuiSelectableMessage is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiTextColor euiTextColor--subdued"
+    class="css-xv0fhq-euiTextColor-subdued"
   />
 </div>
 `;