diff --git a/packages/core/src/utils/constants.ts b/packages/core/src/utils/constants.ts
index fcf345be..9488fb73 100644
--- a/packages/core/src/utils/constants.ts
+++ b/packages/core/src/utils/constants.ts
@@ -1,7 +1,7 @@
 import { ThemePair } from '../types'
 
 export const COLUMNS_LIMIT = 20
-export const DEFAULT_DARK_THEME = 'dark-blue'
+export const DEFAULT_DARK_THEME = 'dark-purple'
 export const DEFAULT_LIGHT_THEME = 'light-white'
 export const DEFAULT_PAGINATION_PER_PAGE = 10
 export const DEFAULT_THEME_PAIR: ThemePair = { id: 'auto', color: '' }
diff --git a/packages/desktop/src/index.ts b/packages/desktop/src/index.ts
index b2499692..8d6f5213 100644
--- a/packages/desktop/src/index.ts
+++ b/packages/desktop/src/index.ts
@@ -99,7 +99,7 @@ function getBrowserWindowOptions() {
   const options: Electron.BrowserWindowConstructorOptions = {
     minWidth: 320,
     minHeight: 450,
-    backgroundColor: '#242b38',
+    backgroundColor: '#313142',
     darkTheme: true,
     icon:
       process.platform === 'darwin' || process.platform === 'win32'
diff --git a/packages/mobile/android/app/src/main/res/values/colors.xml b/packages/mobile/android/app/src/main/res/values/colors.xml
index 55738675..aef323ec 100644
--- a/packages/mobile/android/app/src/main/res/values/colors.xml
+++ b/packages/mobile/android/app/src/main/res/values/colors.xml
@@ -7,8 +7,8 @@
     <color name="brand_background">#49d3b4</color>
     <color name="brand_foreground">#141C26</color>
 
-    <color name="background_color_dark">#242B38</color>
-    <color name="foreground_color_dark">#E9ECF1</color>
+    <color name="background_color_dark">#313142</color>
+    <color name="foreground_color_dark">#F8F8FA</color>
 
     <color name="background_color_light">#FBFBFB</color>
     <color name="foreground_color_light">#3C3C3C</color>
diff --git a/packages/mobile/ios/devhub/AppDelegate.m b/packages/mobile/ios/devhub/AppDelegate.m
index cfa8d18c..38ef8ca7 100644
--- a/packages/mobile/ios/devhub/AppDelegate.m
+++ b/packages/mobile/ios/devhub/AppDelegate.m
@@ -29,8 +29,8 @@
                                                    launchOptions:launchOptions];
 
 
-  // #242b38 (dark-blue)
-  rootView.backgroundColor = [UIColor colorWithRed:0.14 green:0.17 blue:0.22 alpha:1.0];
+  // #313142 (dark-purple)
+  rootView.backgroundColor = [UIColor colorWithRed:0.19 green:0.19 blue:0.26 alpha:1.0];
 
   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
   UIViewController *rootViewController = [UIViewController new];
diff --git a/packages/web/public/index.html b/packages/web/public/index.html
index 415b5abc..0024ba20 100644
--- a/packages/web/public/index.html
+++ b/packages/web/public/index.html
@@ -33,8 +33,8 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="application-name" content="DevHub">
   <meta name="apple-mobile-web-app-title" content="DevHub">
-  <meta name="theme-color" content="#242b38">
-  <meta name="msapplication-navbutton-color" content="#242b38">
+  <meta name="theme-color" content="#313142">
+  <meta name="msapplication-navbutton-color" content="#313142">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta name="msapplication-starturl" content="https://devhubapp.com/">
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
diff --git a/packages/web/public/static/css/error.css b/packages/web/public/static/css/error.css
index a7aaa665..3ec7aab1 100644
--- a/packages/web/public/static/css/error.css
+++ b/packages/web/public/static/css/error.css
@@ -14,7 +14,7 @@ body {
   display: flex;
   align-content: center;
   align-items: center;
-  background-color: #242b38;
+  background-color: #313142;
   text-align: center;
   color: #fff;
   font-family: sans-serif;
diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index e4dd5801..5df9cc54 100644
--- a/packages/web/src/index.css
+++ b/packages/web/src/index.css
@@ -23,7 +23,7 @@ html {
 }
 
 body {
-  background-color: #242b38;
+  background-color: #313142;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;