Instantly create stunning color palettes & more
Visually design, customize, and export production-ready shadcn themes. Less tweaking, more shipping.
Create Your Color Palette
You can click on a color to adjust
background
#fee7fd
foreground
#1b181b
primary
#c00cb7
primary-foreground
#ffffff
secondary
#c99cc7
secondary-foreground
#000000
accent
#c9bddb
accent-foreground
#282428
card
#f2d9f1
card-foreground
#282428
popover
#fee7fd
popover-foreground
#32012f
muted
#d7cde4
muted-foreground
#6b616b
destructive
#f50a0a
destructive-foreground
#e7e4e7
border
#b87ab5
input
#a659a2
ring
#c00cb7
success
#33cc33
success-foreground
#e0ebe0
warning
#ffbf00
warning-foreground
#664d00
info
#00aaff
info-foreground
#cceeff
chart-1
#d411cb
chart-2
#bba6d9
chart-3
#a80b8e
chart-4
#adb814
chart-5
#bd0fae
Theme preview
User Profile
Avatar with dropdown menu
John Doe
john@example.com
Command Menu
Searchable command palette
Data Table
Structured data display
Name | Status | Amount | |
---|---|---|---|
John Doe | Active | $250.00 | |
Jane Smith | Pending | $150.00 |
Progress & Metrics
Visual progress indicators