diff --git a/app/citizen-frontend/src/pages/index.vue b/app/citizen-frontend/src/pages/index.vue
index b963be9..45ea516 100644
--- a/app/citizen-frontend/src/pages/index.vue
+++ b/app/citizen-frontend/src/pages/index.vue
@@ -57,7 +57,7 @@
           <!-- 課程建議入口 -->
 
           <v-list-item append-icon="mdi-chevron-right" class="bg-primary py-4" to="/course">
-            <v-list-item-title class="font-weight-bold text-accent-light">
+            <v-list-item-title class="font-weight-bold">
               <v-icon icon="mdi-notebook-check-outline" size="16" />
               課程建議
             </v-list-item-title>
@@ -296,12 +296,8 @@ const todayTimeString = computed(() => {
   color: rgba(255, 255, 255, 0.7) !important;
 }
 
-.text-accent-light {
-  color: #8cebd2 !important;
-}
-
 .score-disk {
-  background: radial-gradient(circle, #e66926 0%, #cc561b 100%);
+  background: radial-gradient(circle, #157ba9 0%, #13967f 100%);
   border: 3px solid #ffffff;
   width: 72px;
   height: 72px;
diff --git a/app/citizen-frontend/src/plugins/vuetify.ts b/app/citizen-frontend/src/plugins/vuetify.ts
index ef67825..8af7ec3 100644
--- a/app/citizen-frontend/src/plugins/vuetify.ts
+++ b/app/citizen-frontend/src/plugins/vuetify.ts
@@ -14,13 +14,13 @@ import 'vuetify/styles'
 const HPTheme: ThemeDefinition = {
   dark: false,
   colors: {
-    'background': '#F0F9F6', // 頁面整體淡綠色背景
+    'background': '#def0de', // 頁面背景
     'surface': '#FFFFFF', // 卡片與白底區塊
-    'primary': '#1D7063', // 深松石綠 (主要品牌色)
-    'primary-darken-1': '#145248',
-    'secondary': '#E66926', // 亮橘色 (CTA 按鈕)
-    'secondary-darken-1': '#CC561B',
-    'accent': '#47C2A6', // 薄荷綠 (標籤與強調)
+    'primary': '#18a442', // 主要品牌色
+    'primary-darken-1': '#008828',
+    'secondary': '#dc5349', // CTA 按鈕
+    'secondary-darken-1': '#ab4c3d',
+    'accent': '#892894', // 標籤與強調
     'error': '#B00020',
     'info': '#2196F3',
     'success': '#4CAF50',