Foundation / Colors
Color Palette
Grounded in Slate for neutrality, enhanced by semantic tones for communication.
Slate
Primary neutrals for text, backgrounds, and borders. 50 #f8fafc
100 #f1f5f9
200 #e2e8f0
300 #cbd5e1
400 #94a3b8
500 #64748b
600 #475569
700 #334155
800 #1e293b
900 #0f172a
950 #020617
Lift (Blue)
Used for primary actions, links, and focus states. 50 #eff6ff
100 #dbeafe
500 #3b82f6
600 #2563eb
700 #1d4ed8
Root (Orange)
Used for warnings, highlights, and creative accents. 50 #fff7ed
100 #ffedd5
500 #f97316
600 #ea580c
700 #c2410c
Grass (Green)
Used for success states, confirmations, and growth. 50 #f0fdf4
100 #dcfce7
500 #22c55e
600 #16a34a
700 #15803d
Destructive (Red)
Used for errors, deletions, and critical alerts. 50 #fef2f2
100 #fee2e2
500 #ef4444
600 #dc2626
700 #b91c1c