diff --git a/src/material/datepicker/calendar.scss b/src/material/datepicker/calendar.scss
index a11cc8d8b02c..7a15ac443c91 100644
--- a/src/material/datepicker/calendar.scss
+++ b/src/material/datepicker/calendar.scss
@@ -92,9 +92,8 @@ $_tokens: tokens-mat-datepicker.$prefix, tokens-mat-datepicker.get-token-slots()
   position: relative;
 
   @include token-utils.use-tokens($_tokens...) {
-
     // Needs need a bit more specificity to avoid being overwritten by the .mat-icon-button.
-    .mat-datepicker-content & {
+    .mat-datepicker-content &:not(.mat-mdc-button-disabled) {
       @include token-utils.create-token-slot(color, calendar-navigation-button-icon-color);
     }
   }