diff --git a/apps/fronted/src/components/editor/SidePanel.tsx b/apps/fronted/src/components/editor/SidePanel.tsx
index 7c8afa4..15bbeb5 100644
--- a/apps/fronted/src/components/editor/SidePanel.tsx
+++ b/apps/fronted/src/components/editor/SidePanel.tsx
@@ -204,6 +204,7 @@ export function SidePanel() {
               </div>
               <motion.input
                 type="color"
+                value={themeColor}
                 onChange={(e) => debouncedSetColor(e.target.value)}
                 className="w-[40px] h-[40px] rounded-lg cursor-pointer overflow-hidden hover:scale-105 transition-transform"
               />
diff --git a/apps/fronted/src/types/resume.ts b/apps/fronted/src/types/resume.ts
index bb2e677..131d657 100644
--- a/apps/fronted/src/types/resume.ts
+++ b/apps/fronted/src/types/resume.ts
@@ -147,21 +147,18 @@ export interface CustomItem {
 }
 
 export const THEME_COLORS = [
-  "#2563eb",
-  "#059669",
-  "#7c3aed",
-  "#e11d48",
-  "#d97706",
-  "#0891b2",
-  "#4f46e5",
-  "#0d9488",
-  "#0284c7",
-  "#6d28d9",
-  "#c026d3",
-  "#ea580c",
-  "#65a30d",
-  "#475569",
-  "#dc2626",
+  "#000000",
+  "#1A1A1A",
+  "#333333",
+  "#4D4D4D",
+  "#666666",
+  "#808080",
+  "#999999",
+  "#0047AB",
+  "#8B0000",
+  "#FF4500",
+  "#4B0082",
+  "#2E8B57",
 ];
 
 export interface MenuSection {