diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts
index 2cd13e2934..eae1baed59 100644
--- a/packages/cli/src/colors/theme.ts
+++ b/packages/cli/src/colors/theme.ts
@@ -358,5 +358,5 @@ export const getBaseColor = (color: CssColor) => {
 };
 
 export const getCssVariable = (colorType: string, colorNumber: ColorNumber) => {
-  return `--ds-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`;
+  return `--ds-color-${colorType}-${getColorNameFromNumber(colorNumber).toLowerCase().replace(/\s/g, '-')}`;
 };