screen/ui
Docs
Component
Colors
Templates
Type a command...
⌘k
Type a command...
⌘k
Color Palette Generator
Generate and copy color palettes in different formats.
HEX
Loading colors…
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
#1e293b
Slate-900
#0f172a
Slate-950
#020617
Gray
Gray-50
#f9fafb
Gray-100
#f3f4f6
Gray-200
#e5e7eb
Gray-300
#d1d5db
Gray-400
#9ca3af
Gray-500
#6b7280
Gray-600
#4b5563
Gray-700
#374151
Gray-800
#1f2937
Gray-900
#111827
Gray-950
#030712
Zinc
Zinc-50
#fafafa
Zinc-100
#f4f4f5
Zinc-200
#e4e4e7
Zinc-300
#d4d4d8
Zinc-400
#a1a1aa
Zinc-500
#71717a
Zinc-600
#52525b
Zinc-700
#3f3f46
Zinc-800
#27272a
Zinc-900
#18181b
Zinc-950
#09090b
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
Blue-950
#172554
Green
Green-50
#f0fdf4
Green-100
#dcfce7
Green-200
#bbf7d0
Green-300
#86efac
Green-400
#4ade80
Green-500
#22c55e
Green-600
#16a34a
Green-700
#15803d
Green-800
#166534
Green-900
#14532d
Green-950
#052e16
Purple
Purple-50
#faf5ff
Purple-100
#f3e8ff
Purple-200
#e9d5ff
Purple-300
#d8b4fe
Purple-400
#c084fc
Purple-500
#a855f7
Purple-600
#9333ea
Purple-700
#7e22ce
Purple-800
#6b21a8
Purple-900
#581c87
Purple-950
#3b0764