diff --git a/frontend/src/pages/inbounds/InboundsPage.vue b/frontend/src/pages/inbounds/InboundsPage.vue
index 6aab5ffb..59eedd29 100644
--- a/frontend/src/pages/inbounds/InboundsPage.vue
+++ b/frontend/src/pages/inbounds/InboundsPage.vue
@@ -669,7 +669,7 @@ function onRowAction({ key, dbInbound }) {
 
 <style scoped>
 .inbounds-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/index/IndexPage.vue b/frontend/src/pages/index/IndexPage.vue
index e42ad01a..411b2ebf 100644
--- a/frontend/src/pages/index/IndexPage.vue
+++ b/frontend/src/pages/index/IndexPage.vue
@@ -319,7 +319,7 @@ async function openConfig() {
 
 <style scoped>
 .index-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/settings/SettingsPage.vue b/frontend/src/pages/settings/SettingsPage.vue
index ac0af2fa..f0e42da0 100644
--- a/frontend/src/pages/settings/SettingsPage.vue
+++ b/frontend/src/pages/settings/SettingsPage.vue
@@ -250,7 +250,7 @@ const alertVisible = ref(true);
 
 <style scoped>
 .settings-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;
diff --git a/frontend/src/pages/xray/XrayPage.vue b/frontend/src/pages/xray/XrayPage.vue
index 2323da6d..9f542b9a 100644
--- a/frontend/src/pages/xray/XrayPage.vue
+++ b/frontend/src/pages/xray/XrayPage.vue
@@ -301,7 +301,7 @@ function confirmRestart() {
 
 <style scoped>
 .xray-page {
-  --bg-page: #f0f2f5;
+  --bg-page: #e6e8ec;
   --bg-card: #ffffff;
 
   min-height: 100vh;