diff --git a/packages/styles/scss/components/combo-box/_combo-box.scss b/packages/styles/scss/components/combo-box/_combo-box.scss
index da6ef4e2814c..a52d66a53eee 100644
--- a/packages/styles/scss/components/combo-box/_combo-box.scss
+++ b/packages/styles/scss/components/combo-box/_combo-box.scss
@@ -19,7 +19,7 @@
 
   // V11: Possibly deprecate
   .#{$prefix}--combo-box.#{$prefix}--list-box--light:hover {
-    background-color: $field;
+    background-color: $field-02;
   }
 
   .#{$prefix}--combo-box .#{$prefix}--text-input::-ms-clear {
diff --git a/packages/styles/scss/components/dropdown/_dropdown.scss b/packages/styles/scss/components/dropdown/_dropdown.scss
index 2a5ee87af85b..08ba0aacd85c 100644
--- a/packages/styles/scss/components/dropdown/_dropdown.scss
+++ b/packages/styles/scss/components/dropdown/_dropdown.scss
@@ -131,7 +131,7 @@
   }
 
   .#{$prefix}--dropdown--light {
-    background-color: $field;
+    background-color: $field-02;
 
     &:hover {
       background-color: $field-hover;
@@ -353,7 +353,7 @@
 
     // V11: Possibly deprecate
     &.#{$prefix}--dropdown--light:hover {
-      background-color: $field;
+      background-color: $field-02;
     }
   }
 
diff --git a/packages/styles/scss/components/list-box/_list-box.scss b/packages/styles/scss/components/list-box/_list-box.scss
index d5a018e50be0..c7bd2f64a857 100644
--- a/packages/styles/scss/components/list-box/_list-box.scss
+++ b/packages/styles/scss/components/list-box/_list-box.scss
@@ -112,7 +112,7 @@ $list-box-menu-width: rem(300px);
 
   // V11: Possibly deprecate
   .#{$prefix}--list-box--expanded:hover.#{$prefix}--list-box--light:hover {
-    background-color: $field;
+    background-color: $field-02;
   }
 
   .#{$prefix}--list-box .#{$prefix}--text-input {
@@ -155,7 +155,7 @@ $list-box-menu-width: rem(300px);
   // V11: Possibly deprecate
   // Light variation for 'list-box'
   .#{$prefix}--list-box--light {
-    background-color: $field;
+    background-color: $field-02;
 
     &:hover {
       background-color: $field-hover;
@@ -183,7 +183,7 @@ $list-box-menu-width: rem(300px);
 
   // V11: Possibly deprecate
   .#{$prefix}--list-box--light.#{$prefix}--list-box--disabled {
-    background-color: $field;
+    background-color: $field-02;
   }
 
   .#{$prefix}--list-box--disabled,
diff --git a/packages/styles/scss/components/select/_select.scss b/packages/styles/scss/components/select/_select.scss
index 4444220203b9..a900b809b8f1 100644
--- a/packages/styles/scss/components/select/_select.scss
+++ b/packages/styles/scss/components/select/_select.scss
@@ -121,7 +121,7 @@
   }
 
   .#{$prefix}--select--light .#{$prefix}--select-input {
-    background-color: $field;
+    background-color: $field-02;
 
     &:hover {
       background-color: $field-hover;
@@ -129,7 +129,7 @@
 
     &:disabled,
     &:hover:disabled {
-      background-color: $field;
+      background-color: $field-02;
       color: $text-disabled;
       cursor: not-allowed;
     }
diff --git a/packages/styles/scss/components/tile/_tile.scss b/packages/styles/scss/components/tile/_tile.scss
index 6b5e28715984..35a18309d3cd 100644
--- a/packages/styles/scss/components/tile/_tile.scss
+++ b/packages/styles/scss/components/tile/_tile.scss
@@ -44,7 +44,7 @@
 
   // V11: Possibly deprecate
   .#{$prefix}--tile--light {
-    background-color: $layer;
+    background-color: $layer-02;
   }
 
   .#{$prefix}--tile--clickable,