diff --git a/src/components/menu-divider/menu-divider.scss b/src/components/menu-divider/menu-divider.scss
index 8e9921fa..1baa7f0e 100644
--- a/src/components/menu-divider/menu-divider.scss
+++ b/src/components/menu-divider/menu-divider.scss
@@ -1,10 +1,15 @@
 @import 'component';
 
+/**
+ * @prop --color: The color of the divider.
+ */
 :host {
+  --color: var(--sl-color-gray-90);
+
   display: block;
 }
 
 .menu-divider {
-  border-top: solid 1px var(--sl-color-gray-90);
+  border-top: solid 1px var(--color);
   margin: var(--sl-spacing-x-small) 0;
 }