diff --git a/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts b/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
index 06e6e1f593f4ac..7b35d1e39309e1 100644
--- a/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
+++ b/packages/react-components/react-color-picker-preview/library/src/components/ColorSlider/useColorSliderStyles.styles.ts
@@ -24,17 +24,13 @@ const thumbPositionVar = `--fui-Slider__thumb--position`;
 
 const hueBackground = `linear-gradient(${[
   `var(${colorSliderCSSVars.sliderDirectionVar})`,
-  'red 0',
-  '#f09 10%',
-  '#cd00ff 20%',
-  '#3200ff 30%',
-  '#06f 40%',
-  '#00fffd 50%',
-  '#0f6 60%',
-  '#35ff00 70%',
-  '#cdff00 80%',
-  '#f90 90%',
-  'red 100%',
+  'red',
+  'fuchsia',
+  'blue',
+  'aqua',
+  'lime',
+  'yellow',
+  'red',
 ].join(',')})`;
 
 /**