diff --git a/docs/.vitepress/theme/components/ColorPicker.vue b/docs/.vitepress/theme/components/ColorPicker.vue
index 3b5bba77f..a4102dace 100644
--- a/docs/.vitepress/theme/components/ColorPicker.vue
+++ b/docs/.vitepress/theme/components/ColorPicker.vue
@@ -182,8 +182,8 @@ const generateThemeFromColor = (colorName: ColorNames): Theme => {
         },
         home: {
           heroNameColor: 'transparent',
-          heroNameBackground: `-webkit-linear-gradient(120deg, ${colorSet[400]} 30%, ${colorSet[500]})`,
-          heroImageBackground: `linear-gradient(-45deg, ${colorSet[400]} 50%, ${colorSet[500]} 50%)`,
+          heroNameBackground: '-webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4)',
+          heroImageBackground: 'linear-gradient(-45deg, #c4b5fd 50%, #47caff 50%)',
           heroImageFilter: 'blur(44px)'
         }
       }