01
Color playground
Find the colors
that feel right.
Generate intentional palettes, build complete shade systems and export production-ready color tokens.
02
03
04
05
06
Click a code to copy · Click the dot to edit
Shade lab
One color.
A complete system.
Turn any color into an 11-step scale, ready for Tailwind, CSS variables or your design system.
50 - backgrounds500 - brand950 - text
Production tools
From palette to product.
Build tokens, verify contrast and preview real interface elements without leaving the studio.
Color Token Builder
Assign meaning before writing code.
primary
secondary
background
surface
text
border
success
warning
error
Interface previewLive tokens
Monthly revenue
$24,860
Project status
On trackWarningError
Accessible text pairs
Only combinations passing WCAG AA.
Color names
Human-friendly labels for documentation.
Creative laboratory
Mix, blend, ship.
Palette Mixer
7 stepsGradient Builder
background: linear-gradient(135deg, #F4EFE7, #D8C6A5, #A5B68D, #66836A, #315B52, #183B3B);
Import palette
Paste HEX colors, CSS variables, a palette URL, or extract colors from an image.
Export anywhere
Production formats for design and development.
Local history
Stored only in this browser. No account or database.
Curated collection · 80 palettes