diff --git a/src/components/page/theming/ColorGenerator/index.tsx b/src/components/page/theming/ColorGenerator/index.tsx
index f424b84deb5..701069bc49c 100644
--- a/src/components/page/theming/ColorGenerator/index.tsx
+++ b/src/components/page/theming/ColorGenerator/index.tsx
@@ -12,7 +12,7 @@ import ColorInput from '../ColorInput';
 const ColorGenerator = (props) => {
   const [colors, setColors] = useState({
     primary: generateColor('#3880ff'),
-    secondary: generateColor('#5260ff'),
+    secondary: generateColor('#3dc2ff'),
     tertiary: generateColor('#5260ff'),
     success: generateColor('#2dd36f'),
     warning: generateColor('#ffc409'),