diff --git a/src/material/core/m2/_theming.scss b/src/material/core/m2/_theming.scss
index bd53421f7f4f..6c6e8e4c8549 100644
--- a/src/material/core/m2/_theming.scss
+++ b/src/material/core/m2/_theming.scss
@@ -130,7 +130,7 @@
       background: map.get(palette.$grey-palette, 50),
       inverse-surface: map.get(palette.$grey-palette, 800),
       inverse-on-surface: white,
-      outline: rgba(black, 0.12),
+      outline: map.get(palette.$grey-palette, 300),
       hover-state-layer-opacity: 0.04,
       focus-state-layer-opacity: 0.12,
       pressed-state-layer-opacity: 0.12,
@@ -155,7 +155,7 @@
       background: #303030,
       inverse-surface: white,
       inverse-on-surface: rgba(black, 0.87),
-      outline: rgba(white, 0.12),
+      outline: map.get(palette.$grey-palette, 700),
       hover-state-layer-opacity: 0.04,
       focus-state-layer-opacity: 0.12,
       pressed-state-layer-opacity: 0.12,