diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 68abe0ee169c94..3fef01f62d15e1 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Bug Fixes
+
+-   `Modal`: Fix modal headings and labels to use proper editor text color instead of wp-admin colors ([#71311](https://github.com/WordPress/gutenberg/pull/71311)).
+
 ## 30.3.0 (2025-09-03)
 
 ### Bug Fixes
@@ -14,7 +18,6 @@
 -   Upgrade `framer-motion` package to version `^11.15.0` ([#71442](https://github.com/WordPress/gutenberg/pull/71442)).
 -   Display names for Context providers [#71208](https://github.com/WordPress/gutenberg/pull/71208).
 
-
 ## 30.2.0 (2025-08-20)
 
 ### Bug Fixes
diff --git a/packages/components/src/modal/style.scss b/packages/components/src/modal/style.scss
index b92b2e35b73349..d041586242b90a 100644
--- a/packages/components/src/modal/style.scss
+++ b/packages/components/src/modal/style.scss
@@ -31,11 +31,19 @@
 	overflow: hidden;
 	// Have the content element fill the vertical space yet not overflow.
 	display: flex;
+	color: $gray-900;
 	// Animate the modal frame/contents appearing on the page.
 	animation-name: components-modal__appear-animation;
 	animation-fill-mode: forwards;
 	animation-timing-function: cubic-bezier(0.29, 0, 0, 1);
 
+	// Ensure all headings use the proper editor text color, overriding wp-admin common.css
+	h1,
+	h2,
+	h3 {
+		color: $gray-900;
+	}
+
 	@media not (prefers-reduced-motion) {
 		animation-duration: var(--modal-frame-animation-duration);
 	}