diff --git a/src/settings/theme/_color.scss b/src/settings/theme/_color.scss
index 22f88a07..c6ad7d88 100644
--- a/src/settings/theme/_color.scss
+++ b/src/settings/theme/_color.scss
@@ -2,22 +2,22 @@
 // Basic Colors Settings
 //
 
-$blue:          #1890ff !default;
+$blue:          hsl(209, 100%, 55%) !default;
 $indigo:        #5400ff !default;
 $purple:        #805ad5 !default;
-$pink:          #eb2f96 !default;
-$red:           #f5222d !default;
-$orange:        #fa8c16 !default;
-$yellow:        #fadb14 !default;
-$green:         #52c41a !default;
-$teal:          #20c997 !default;
-$cyan:          #13c2c2 !default;
+$pink:          hsl(327, 82%, 55%) !default;
+$red:           hsl(357, 91%, 55%) !default;
+$orange:        hsl(31, 96%, 55%) !default;
+$yellow:        hsl(52, 96%, 55%) !default;
+$green:         hsl(100, 77%, 55%) !default;
+$teal:          hsl(162, 73%, 55%) !default;
+$cyan:          hsl(180, 82%, 55%) !default;
 $brown:         #6d4c41 !default;
-$lime:          #a0d911 !default;
-$gold:          #faad14 !default;
-$volcano:       #fa541c !default;
-$geekblue:      #2f54eb !default;
-$vividvoilet:   #b721ff !default;
+$lime:          hsl(77, 85%, 55%) !default;
+$gold:          hsl(40, 96%, 55%) !default;
+$volcano:       hsl(15, 96%, 55%) !default;
+$geekblue:      hsl(228, 82%, 55%) !default;
+$vividvoilet:   hsl(281, 100%, 55%) !default;
 
 $colors: (
   "blue":         $blue,