diff --git a/apps/app/index.html b/apps/app/index.html
index 70752723..12ef6848 100644
--- a/apps/app/index.html
+++ b/apps/app/index.html
@@ -41,7 +41,7 @@
   <script type="module" src="/src/main.ts"></script>
   <script>
     const loaderColor = localStorage.getItem('vuexy-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#7367F0'
+    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#0D9394'
 
     if (loaderColor)
       document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
diff --git a/apps/app/src/plugins/vuetify/theme.ts b/apps/app/src/plugins/vuetify/theme.ts
index da653e29..7dc5f915 100644
--- a/apps/app/src/plugins/vuetify/theme.ts
+++ b/apps/app/src/plugins/vuetify/theme.ts
@@ -1,7 +1,7 @@
 import type { ThemeDefinition } from 'vuetify'
 
-export const staticPrimaryColor = '#7367F0'
-export const staticPrimaryDarkenColor = '#675DD8'
+export const staticPrimaryColor = '#0D9394'
+export const staticPrimaryDarkenColor = '#0B7F80'
 
 export const themes: Record<string, ThemeDefinition> = {
   light: {
@@ -9,7 +9,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
@@ -83,7 +83,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
diff --git a/apps/portal/index.html b/apps/portal/index.html
index 4c9cf53d..a21cb956 100644
--- a/apps/portal/index.html
+++ b/apps/portal/index.html
@@ -41,7 +41,7 @@
   <script type="module" src="/src/main.ts"></script>
   <script>
     const loaderColor = localStorage.getItem('vuexy-initial-loader-bg') || '#FFFFFF'
-    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#7367F0'
+    const primaryColor = localStorage.getItem('vuexy-initial-loader-color') || '#0D9394'
 
     if (loaderColor)
       document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
diff --git a/apps/portal/src/plugins/vuetify/theme.ts b/apps/portal/src/plugins/vuetify/theme.ts
index da653e29..7dc5f915 100644
--- a/apps/portal/src/plugins/vuetify/theme.ts
+++ b/apps/portal/src/plugins/vuetify/theme.ts
@@ -1,7 +1,7 @@
 import type { ThemeDefinition } from 'vuetify'
 
-export const staticPrimaryColor = '#7367F0'
-export const staticPrimaryDarkenColor = '#675DD8'
+export const staticPrimaryColor = '#0D9394'
+export const staticPrimaryDarkenColor = '#0B7F80'
 
 export const themes: Record<string, ThemeDefinition> = {
   light: {
@@ -9,7 +9,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',
@@ -83,7 +83,7 @@ export const themes: Record<string, ThemeDefinition> = {
     colors: {
       'primary': staticPrimaryColor,
       'on-primary': '#fff',
-      'primary-darken-1': '#675DD8',
+      'primary-darken-1': staticPrimaryDarkenColor,
       'secondary': '#808390',
       'on-secondary': '#fff',
       'secondary-darken-1': '#737682',