diff --git a/web/public/loading/index.js b/web/public/loading/index.js
index 6c474ec1..2f35ef88 100644
--- a/web/public/loading/index.js
+++ b/web/public/loading/index.js
@@ -1,6 +1,6 @@
 function addThemeColorCssVars() {
   const key = '__THEME_COLOR__'
-  const defaultColor = '#66CCFF'
+  const defaultColor = '#00BFFF'
   const themeColor = window.localStorage.getItem(key) || defaultColor
   const cssVars = `--primary-color: ${themeColor}`
   document.documentElement.style.cssText = cssVars
diff --git a/web/settings/theme.json b/web/settings/theme.json
index 2187b6a5..96fcc750 100644
--- a/web/settings/theme.json
+++ b/web/settings/theme.json
@@ -14,7 +14,7 @@
     "visible": true,
     "height": 60
   },
-  "primaryColor": "#66CCFF",
+  "primaryColor": "#00BFFF",
   "otherColor": {
     "info": "#2080F0",
     "success": "#18A058",
diff --git a/web/src/store/modules/theme/helpers.ts b/web/src/store/modules/theme/helpers.ts
index 10e24aaf..1bfc476c 100644
--- a/web/src/store/modules/theme/helpers.ts
+++ b/web/src/store/modules/theme/helpers.ts
@@ -23,7 +23,7 @@ export function defaultSettings(): Theme.Setting {
   }
   const header = themeSetting.header || { visible: true, height: 60 }
   const tab = themeSetting.tab || { visible: true, height: 50 }
-  const primaryColor = themeSetting.primaryColor || '#66CCFF'
+  const primaryColor = themeSetting.primaryColor || '#00BFFF'
   const otherColor = themeSetting.otherColor || {
     info: '#0099ad',
     success: '#52c41a',