diff --git a/packages/blade/src/components/Chip/chipTokens.ts b/packages/blade/src/components/Chip/chipTokens.ts
index e25841caa54..084a3cb9a98 100644
--- a/packages/blade/src/components/Chip/chipTokens.ts
+++ b/packages/blade/src/components/Chip/chipTokens.ts
@@ -148,8 +148,8 @@ const getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputH
   return {
     default: {
       background: {
-        checked: 'colors.surface.background.gray.intense',
-        unchecked: 'colors.surface.background.gray.intense',
+        checked: 'colors.interactive.background.staticWhite.default',
+        unchecked: 'colors.interactive.background.staticWhite.default',
       },
       border: {
         checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,
diff --git a/packages/blade/src/components/Chip/getAnimatedChipStyles.ts b/packages/blade/src/components/Chip/getAnimatedChipStyles.ts
index d61786b6994..5b401e04ee4 100644
--- a/packages/blade/src/components/Chip/getAnimatedChipStyles.ts
+++ b/packages/blade/src/components/Chip/getAnimatedChipStyles.ts
@@ -12,7 +12,7 @@ const getAnimatedChipStyles = ({
   return {
     backgroundColor: isDisabled
       ? 'transparent'
-      : getIn(theme.colors, 'surface.background.gray.intense'),
+      : getIn(theme.colors, 'interactive.background.staticWhite.default'),
     borderRadius: makeBorderSize(theme.border.radius.max),
     borderColor: getIn(theme.colors, borderColor),
     borderWidth: getIn(theme, 'border.width.thin'),