Tonemify

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

JD

John Doe

john@example.com

Command Menu

Searchable command palette

Data Table

Structured data display

NameStatusAmount
John Doe
Active
$250.00
Jane Smith
Pending
$150.00

Progress & Metrics

Visual progress indicators

Storage Used66%