diff --git a/core/src/components/chip/chip.ios.vars.scss b/core/src/components/chip/chip.ios.vars.scss
index 67efd119c2d..372d99d2226 100644
--- a/core/src/components/chip/chip.ios.vars.scss
+++ b/core/src/components/chip/chip.ios.vars.scss
@@ -31,7 +31,7 @@ $chip-ios-font-size:                        13px !default;
 $chip-ios-text-color:                       $text-ios-color-step-150 !default;
 
 /// @prop - Background color of the chip
-$chip-ios-background-color:                 css-var($text-ios-color-value, text-ios-color, $alpha-ios-low) !default;
+$chip-ios-background-color:                 css-var($text-ios-color-value, text-ios-color, $alpha-ios-lowest) !default;
 
 /// @prop - Margin top of the label in the chip
 $chip-ios-label-margin-top:                 0 !default;
diff --git a/core/src/components/chip/chip.md.vars.scss b/core/src/components/chip/chip.md.vars.scss
index 52d8533712a..347540de1da 100644
--- a/core/src/components/chip/chip.md.vars.scss
+++ b/core/src/components/chip/chip.md.vars.scss
@@ -31,7 +31,7 @@ $chip-md-font-size:                        13px !default;
 $chip-md-text-color:                       $text-md-color-step-150 !default;
 
 /// @prop - Background color of the chip
-$chip-md-background-color:                 css-var($text-md-color-value, text-md-color, $alpha-md-low) !default;
+$chip-md-background-color:                 css-var($text-md-color-value, text-md-color, $alpha-md-lowest) !default;
 
 /// @prop - Margin top of the label in the chip
 $chip-md-label-margin-top:                 0 !default;