diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6360b225615..470dbc9042f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 
 **Bug fixes**
 
+- Fixed `EuiText` color of `EuiCallout` to `default`([#4816](https://github.com/elastic/eui/pull/4816)) 
 - Fixed inconsistent width of `EuiRange` and `EuiDualRange` with custom tick values ([#4781](https://github.com/elastic/eui/pull/4781))
 - Fixes browser freezing when `EuiDataGrid` is used together with `EuiFlyout` and the user clicks a cell ([4813](https://github.com/elastic/eui/pull/4813))
 - Added `flex-shrink: 0` to `EuiTabs`, `EuiSpacer`, and `EuiImage` to fix possible shrunken heights ([#4793](https://github.com/elastic/eui/pull/4793))
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 12716d53977..78f3d9caf06 100644
--- a/src/components/call_out/__snapshots__/call_out.test.tsx.snap
+++ b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
@@ -9,7 +9,11 @@ exports[`EuiCallOut is rendered 1`] = `
   <div
     class="euiText euiText--small"
   >
-    Content
+    <div
+      class="euiTextColor euiTextColor--default"
+    >
+      Content
+    </div>
   </div>
 </div>
 `;
@@ -102,7 +106,11 @@ exports[`EuiCallOut props title is rendered 1`] = `
   <div
     class="euiText euiText--small"
   >
-    Content
+    <div
+      class="euiTextColor euiTextColor--default"
+    >
+      Content
+    </div>
   </div>
 </div>
 `;
diff --git a/src/components/call_out/call_out.tsx b/src/components/call_out/call_out.tsx
index b42a12f491e..bb03d3f935c 100644
--- a/src/components/call_out/call_out.tsx
+++ b/src/components/call_out/call_out.tsx
@@ -91,9 +91,17 @@ export const EuiCallOut = forwardRef<HTMLDivElement, EuiCallOutProps>(
 
     let optionalChildren;
     if (children && size === 's') {
-      optionalChildren = <EuiText size="xs">{children}</EuiText>;
+      optionalChildren = (
+        <EuiText size="xs" color="default">
+          {children}
+        </EuiText>
+      );
     } else if (children) {
-      optionalChildren = <EuiText size="s">{children}</EuiText>;
+      optionalChildren = (
+        <EuiText size="s" color="default">
+          {children}
+        </EuiText>
+      );
     }
 
     const H: any = heading ? `${heading}` : 'span';
diff --git a/src/components/form/__snapshots__/form.test.tsx.snap b/src/components/form/__snapshots__/form.test.tsx.snap
index e0a618e5ccb..10cf353611b 100644
--- a/src/components/form/__snapshots__/form.test.tsx.snap
+++ b/src/components/form/__snapshots__/form.test.tsx.snap
@@ -65,22 +65,26 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has mul
     <div
       class="euiText euiText--small"
     >
-      <ul>
-        <li
-          class="euiForm__error"
-        >
-          <span>
-            This is one error
-          </span>
-        </li>
-        <li
-          class="euiForm__error"
-        >
-          <span>
-            This is another error
-          </span>
-        </li>
-      </ul>
+      <div
+        class="euiTextColor euiTextColor--default"
+      >
+        <ul>
+          <li
+            class="euiForm__error"
+          >
+            <span>
+              This is one error
+            </span>
+          </li>
+          <li
+            class="euiForm__error"
+          >
+            <span>
+              This is another error
+            </span>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -110,15 +114,19 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has one
     <div
       class="euiText euiText--small"
     >
-      <ul>
-        <li
-          class="euiForm__error"
-        >
-          <span>
-            This is one error
-          </span>
-        </li>
-      </ul>
+      <div
+        class="euiTextColor euiTextColor--default"
+      >
+        <ul>
+          <li
+            class="euiForm__error"
+          >
+            <span>
+              This is one error
+            </span>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>