Instantly create stunning color palettes & more
Visually design, customize, and export production-ready shadcn themes. Less tweaking, more shipping.
You can click on a color to adjust
background
303 92% 95%
foreground
303 5% 10%
primary
303 88% 40%
primary-foreground
0 0% 100%
secondary
303 30% 70%
secondary-foreground
0 0% 0%
accent
265 30% 80%
accent-foreground
303 5% 15%
card
303 50% 90%
card-foreground
303 5% 15%
popover
303 92% 95%
popover-foreground
303 95% 10%
muted
265 30% 85%
muted-foreground
303 5% 40%
destructive
0 92% 50%
destructive-foreground
303 5% 90%
border
303 30% 60%
input
303 30% 50%
ring
303 88% 40%
success
120 60% 50%
success-foreground
120 20% 90%
warning
45 100% 50%
warning-foreground
45 100% 20%
info
200 100% 50%
info-foreground
200 100% 90%
chart-1
303 85% 45%
chart-2
265 40% 75%
chart-3
310 88% 35%
chart-4
64 80% 40%
chart-5
305 85% 40%
sidebar
0 0% 98.5%
sidebar-foreground
0 0% 14.5%
sidebar-primary
0 0% 20.5%
sidebar-primary-foreground
0 0% 98.5%
sidebar-accent
0 0% 97%
sidebar-accent-foreground
0 0% 20.5%
sidebar-border
0 0% 92.2%
sidebar-ring
0 0% 70.8%