diff --git a/packages/mdc-banner/_banner-theme.scss b/packages/mdc-banner/_banner-theme.scss
index 6ebe7bdedde..2157a281a84 100644
--- a/packages/mdc-banner/_banner-theme.scss
+++ b/packages/mdc-banner/_banner-theme.scss
@@ -80,6 +80,8 @@ $light-theme: (
   supporting-text-weight: typography.get-weight(body2),
   with-image-image-shape: $graphic-shape-radius,
   with-image-image-size: 40px,
+  with-image-image-color: $graphic-color,
+  with-image-image-container-color: $graphic-background-color,
 );
 
 @mixin theme($theme, $resolvers: resolvers.$material) {
@@ -134,6 +136,15 @@ $light-theme: (
     $prefix: $custom-property-prefix
   );
 
+  @include graphic-color(
+    map.get($theme, 'with-image-image-color'),
+    $query: $query
+  );
+  @include graphic-background-color(
+    map.get($theme, 'with-image-image-container-color'),
+    $query: $query
+  );
+
   @include text-color(map.get($theme, supporting-text-color), $query: $query);
   @include _supporting-text-typography(
     (
diff --git a/packages/mdc-banner/_banner.scss b/packages/mdc-banner/_banner.scss
index 86fbe9439cc..b83620d40eb 100644
--- a/packages/mdc-banner/_banner.scss
+++ b/packages/mdc-banner/_banner.scss
@@ -47,14 +47,6 @@ $_exit-duration: 250ms;
   $feat-structure: feature-targeting.create-target($query, structure);
   $feat-animation: feature-targeting.create-target($query, animation);
 
-  @include banner-theme.graphic-color(
-    banner-theme.$graphic-color,
-    $query: $query
-  );
-  @include banner-theme.graphic-background-color(
-    banner-theme.$graphic-background-color,
-    $query: $query
-  );
   @include banner-theme.min-width($_min-width, $query: $query);
   @include banner-theme.max-width($_max-width, $query: $query);
   @include static-styles($query: $query);