diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index cc4d0df..8b3a477 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -12,6 +12,7 @@
   --cm-standard: #FECA57;
   --cm-gentle: #2ED573;
   --cm-passive: #A5B1C7;
+  --cm-personal: #A78BFA;
   --cm-accent: #5A8CFF;
   --cm-white: #FFFFFF;
   --cm-black: #000000;
diff --git a/web/src/lib/categories.ts b/web/src/lib/categories.ts
index 512bae8..90c857e 100644
--- a/web/src/lib/categories.ts
+++ b/web/src/lib/categories.ts
@@ -29,7 +29,7 @@ export const BUILT_IN_CATEGORIES: Category[] = [
   {
     id: 'personal',
     label: 'Personal',
-    color: '#A78BFA',
+    color: 'var(--cm-personal)',
     icon: 'User',
     defaultUrgency: 'standard',
     defaultCascade: 'light',