diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
index 10e363b79f1fd..e645f0fa3fbb7 100644
--- a/packages/components/src/button/style.scss
+++ b/packages/components/src/button/style.scss
@@ -174,6 +174,7 @@
 
 		&:active:not(:disabled, [aria-disabled="true"]) {
 			background: color-mix(in srgb, $components-color-accent 8%, transparent);
+			color: $components-color-accent-darker-20;
 		}
 
 		// Pull left if the tertiary button stands alone after a description, so as to vertically align with items above.