DC
DesignCorp UI
Color system
Overview
Colors
Blocks
Tokens
DesignCorp palette
System colors for backgrounds, accents, and status states. All in CSS variables.
Neutral / Slate
slate-50
#f8fafc
slate-100
#f1f5f9
slate-200
#e2e8f0
slate-300
#cbd5e1
slate-400
#94a3b8
slate-500
#64748b
slate-600
#475569
slate-700
#334155
slate-800
#1f2937
slate-900
#0f172a
Primary / Blue
blue-50
#eff6ff
blue-100
#dbeafe
blue-200
#bfdbfe
blue-300
#93c5fd
blue-400
#60a5fa
blue-500
#3b82f6
blue-600
#2563eb
blue-700
#1d4ed8
blue-800
#1e40af
blue-900
#1e3a8a
Success / Teal
teal-50
#ecfdf5
teal-100
#d1fae5
teal-200
#a7f3d0
teal-300
#6ee7b7
teal-400
#34d399
teal-500
#10b981
teal-600
#059669
teal-700
#047857
teal-800
#065f46
teal-900
#064e3b
Warning / Amber
amber-50
#fffbeb
amber-100
#fef3c7
amber-200
#fde68a
amber-300
#fcd34d
amber-400
#fbbf24
amber-500
#f59e0b
amber-600
#d97706
amber-700
#b45309
amber-800
#92400e
amber-900
#78350f
Danger / Red
red-50
#fef2f2
red-100
#fee2e2
red-200
#fecaca
red-300
#fca5a5
red-400
#f87171
red-500
#ef4444
red-600
#dc2626
red-700
#b91c1c
red-800
#991b1b
red-900
#7f1d1d