diff --git a/resources/js/admin/cssOverride/components/SiteDesign.vue b/resources/js/admin/cssOverride/components/SiteDesign.vue
index 3513f3157e..7635d13cfa 100644
--- a/resources/js/admin/cssOverride/components/SiteDesign.vue
+++ b/resources/js/admin/cssOverride/components/SiteDesign.vue
@@ -226,32 +226,32 @@ export default {
       colorDefault: [
         {
           id: '$primary',
-          value: '#3397E1',
+          value: '#0872C2',
           title: this.$t('Primary')
         },
         {
           id: '$secondary',
-          value: '#788793',
+          value: '#6C757D',
           title: this.$t('Secondary')
         },
         {
           id: '$success',
-          value: '#00BF9C',
+          value: '#00875A',
           title: this.$t('Success')
         },
         {
           id: '$info',
-          value: '#17A2B8',
+          value: '#104A75',
           title: this.$t('Info')
         },
         {
           id: '$warning',
-          value: '#FBBE02',
+          value: '#FFAB00',
           title: this.$t('Warning')
         },
         {
           id: '$danger',
-          value: '#ED4757',
+          value: '#E50130',
           title: this.$t('Danger')
         },
         {
diff --git a/resources/sass/_colors.scss b/resources/sass/_colors.scss
index d1e3143e35..3159b10f67 100644
--- a/resources/sass/_colors.scss
+++ b/resources/sass/_colors.scss
@@ -7,6 +7,3 @@ $warning: #FFAB00;
 $danger: #E50130;
 $dark: #000000;
 $light: #FFFFFF;
-$darkneutral: #42526E;
-$dangerlight: #FFEBE9;
-$successlight: #E6FFEB;
diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
index fd470e8262..daf3e789fb 100644
--- a/resources/sass/_variables.scss
+++ b/resources/sass/_variables.scss
@@ -135,3 +135,8 @@ $text-muted: #6c757d;
 
 //This z-index for the alert popup
 $alertZIndex: 1051;
+
+//Additional (non-customizable) colors
+$darkneutral: #42526E;
+$dangerlight: #FFEBE9;
+$successlight: #E6FFEB;