diff --git a/src/material/core/style/_sass-utils.scss b/src/material/core/style/_sass-utils.scss
index e45f23252c23..0edf565ba6f2 100644
--- a/src/material/core/style/_sass-utils.scss
+++ b/src/material/core/style/_sass-utils.scss
@@ -68,7 +68,7 @@ $use-system-typography-variables: false;
     @return color.change($color, $args...);
   }
   @else if ($color != null and map.get($args, alpha) != null and $use-system-color-variables) {
-    @return #{color(from #{$color} srgb r g b / #{map.get($args, alpha)})};
+    @return rgb(from $color #{r g b} / map.get($args, alpha));
   }
   @return $color;
 }
diff --git a/src/material/core/tokens/_m3-tokens.scss b/src/material/core/tokens/_m3-tokens.scss
index 9609a275c8b2..fd9aadffdfc9 100644
--- a/src/material/core/tokens/_m3-tokens.scss
+++ b/src/material/core/tokens/_m3-tokens.scss
@@ -170,7 +170,7 @@
     }
     @else if($color != null) {
       $result: map.remove($result, $opacity-key);
-      $combined-color: #{color(from #{$color} srgb r g b / #{$opacity})};
+      $combined-color: rgb(from $color #{r g b} / $opacity);
       $result: map.set($result, $color-key, $combined-color);
     }
   }