diff --git a/src/styles/form-control.styles.ts b/src/styles/form-control.styles.ts
index 5dad7e15f..e084f1bd4 100644
--- a/src/styles/form-control.styles.ts
+++ b/src/styles/form-control.styles.ts
@@ -31,6 +31,7 @@ export default css`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: var(--sl-input-required-content);
     margin-inline-start: var(--sl-input-required-content-offset);
+    color: var(--sl-input-required-content-color);
   }
 
   /* Help text */
diff --git a/src/themes/dark.css b/src/themes/dark.css
index 751df18f0..f80309697 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -434,6 +434,7 @@
   --sl-input-border-width: 1px;
   --sl-input-required-content: '*';
   --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
 
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
   --sl-input-border-radius-medium: var(--sl-border-radius-medium);
diff --git a/src/themes/light.css b/src/themes/light.css
index 669048958..0b1dc4599 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -434,6 +434,7 @@
   --sl-input-border-width: 1px;
   --sl-input-required-content: '*';
   --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
 
   --sl-input-border-radius-small: var(--sl-border-radius-medium);
   --sl-input-border-radius-medium: var(--sl-border-radius-medium);