diff --git a/backend/routers/users.py b/backend/routers/users.py
index cc96303..1ee7dcb 100644
--- a/backend/routers/users.py
+++ b/backend/routers/users.py
@@ -17,20 +17,20 @@ class UserProfileUpdate(BaseModel):
     avatar_bg_color: Optional[str] = None
     avatar_text: Optional[str] = None
 
-# Preset avatar colors - more distinct palette
+# Preset avatar colors - Jewel Tones (Primary Set)
 AVATAR_COLORS = [
-    "#1E3A8A",  # Deep Blue
-    "#DC2626",  # Bright Red
-    "#059669",  # Emerald
-    "#D97706",  # Amber/Orange
-    "#7C3AED",  # Vibrant Purple
-    "#DB2777",  # Magenta Pink
-    "#0F766E",  # Teal
-    "#1F2937",  # Dark Gray
-    "#B45309",  # Burnt Orange
-    "#4338CA",  # Indigo
-    "#0891B2",  # Cyan
-    "#65A30D",  # Lime Green
+    "#0F4C81",  # Sapphire
+    "#9B111E",  # Ruby
+    "#50C878",  # Emerald
+    "#9966CC",  # Amethyst
+    "#0D98BA",  # Topaz
+    "#E0115F",  # Rose Quartz
+    "#082567",  # Lapis
+    "#FF7518",  # Carnelian
+    "#006B3C",  # Jade
+    "#1C1C1C",  # Onyx
+    "#E6E200",  # Citrine
+    "#702963",  # Garnet
 ]
 
 class AvatarUpdate(BaseModel):
diff --git a/frontend/app/settings/page.tsx b/frontend/app/settings/page.tsx
index 82c4319..43cca16 100644
--- a/frontend/app/settings/page.tsx
+++ b/frontend/app/settings/page.tsx
@@ -25,20 +25,20 @@ import {
 } from "lucide-react"
 import Link from "next/link"
 
-// Avatar color palette - more distinct colors
+// Avatar color palette - Jewel Tones (Primary Set)
 const PRESET_COLORS = [
-    { value: "#1E3A8A", name: "Deep Blue" },
-    { value: "#DC2626", name: "Bright Red" },
-    { value: "#059669", name: "Emerald" },
-    { value: "#D97706", name: "Amber" },
-    { value: "#7C3AED", name: "Violet" },
-    { value: "#DB2777", name: "Magenta" },
-    { value: "#0F766E", name: "Teal" },
-    { value: "#1F2937", name: "Slate" },
-    { value: "#B45309", name: "Burnt Orange" },
-    { value: "#4338CA", name: "Indigo" },
-    { value: "#0891B2", name: "Cyan" },
-    { value: "#65A30D", name: "Lime" },
+    { value: "#0F4C81", name: "Sapphire" },
+    { value: "#9B111E", name: "Ruby" },
+    { value: "#50C878", name: "Emerald" },
+    { value: "#9966CC", name: "Amethyst" },
+    { value: "#0D98BA", name: "Topaz" },
+    { value: "#E0115F", name: "Rose Quartz" },
+    { value: "#082567", name: "Lapis" },
+    { value: "#FF7518", name: "Carnelian" },
+    { value: "#006B3C", name: "Jade" },
+    { value: "#1C1C1C", name: "Onyx" },
+    { value: "#E6E200", name: "Citrine" },
+    { value: "#702963", name: "Garnet" },
 ]
 
 export default function SettingsPage() {
@@ -297,8 +297,8 @@ function SidebarLink({ icon: Icon, label, href, active }: {
         <a
             href={href}
             className={`flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${active
-                    ? 'bg-primary text-primary-foreground'
-                    : 'text-muted-foreground hover:text-foreground hover:bg-muted'
+                ? 'bg-primary text-primary-foreground'
+                : 'text-muted-foreground hover:text-foreground hover:bg-muted'
                 }`}
         >
             <Icon className="h-4 w-4" />
diff --git a/frontend/components/profile/avatar-settings.tsx b/frontend/components/profile/avatar-settings.tsx
index 74fd96a..50716f4 100644
--- a/frontend/components/profile/avatar-settings.tsx
+++ b/frontend/components/profile/avatar-settings.tsx
@@ -10,18 +10,18 @@ import { getApiUrl } from "@/lib/api-config"
 import { Check } from "lucide-react"
 
 const PRESET_COLORS = [
-    { value: "#1E3A8A", name: "Deep Blue" },
-    { value: "#DC2626", name: "Bright Red" },
-    { value: "#059669", name: "Emerald" },
-    { value: "#D97706", name: "Amber" },
-    { value: "#7C3AED", name: "Violet" },
-    { value: "#DB2777", name: "Magenta" },
-    { value: "#0F766E", name: "Teal" },
-    { value: "#1F2937", name: "Slate" },
-    { value: "#B45309", name: "Burnt Orange" },
-    { value: "#4338CA", name: "Indigo" },
-    { value: "#0891B2", name: "Cyan" },
-    { value: "#65A30D", name: "Lime" },
+    { value: "#0F4C81", name: "Sapphire" },
+    { value: "#9B111E", name: "Ruby" },
+    { value: "#50C878", name: "Emerald" },
+    { value: "#9966CC", name: "Amethyst" },
+    { value: "#0D98BA", name: "Topaz" },
+    { value: "#E0115F", name: "Rose Quartz" },
+    { value: "#082567", name: "Lapis" },
+    { value: "#FF7518", name: "Carnelian" },
+    { value: "#006B3C", name: "Jade" },
+    { value: "#1C1C1C", name: "Onyx" },
+    { value: "#E6E200", name: "Citrine" },
+    { value: "#702963", name: "Garnet" },
 ]
 
 interface AvatarSettingsProps {