A free tool from Aesthetic
Turn any colour into
a whole palette.
Paste one colour and get a full, balanced set of shades, plus secondary, status and neutral colours. Preview it on real designs, then export in a click.
#1bc3e6 becomes 11 balanced shades — light to dark, evenly stepped.See it in context
One colour in,
a whole system out.
A single hex becomes a primary ramp plus accent, status and neutral colours, instantly themed across a real interface. Pick a colour and watch it apply.
The full system from #1bc3e6
Revenue this month
What you get
Professional colour,
without the guesswork.
Everything a brand or product needs from a single colour, balanced, accessible and ready to ship.
A full set of matching shades
From the lightest tint to the deepest dark, eleven evenly stepped shades that always look right together.
See it before you use it
Real buttons, cards and a sample site, in light and dark.
Use it anywhere
Copy it into code or design, in nine formats.
How it works
Three steps, about a minute.
No account, no learning curve. Paste a colour and you have a finished, exportable palette before your coffee cools.
Choose your colour
Tap a colour, pull one from a photo, or paste a code.
We build the palette
Instantly get a full set of shades, plus accent and neutral colours.
Preview, then take it
Try it on real designs and copy it in a click.
Under the hood
Everything you need, nothing you don't.
The clever parts are handled for you, so the output is always usable.
Colour science
OKLCH-even ramps
Every step is calculated in OKLCH, so perceived lightness changes at an even rate. No muddy middles, no blown-out lights, the curve just works.
Lightness, evenly stepped
Live preview
Preview across 10 real mockups
See your palette on buttons, cards, nav bars, charts and a full-page layout, in light and dark, before you commit a single line.
Export
Export in every format
Copy Tailwind v4 @theme, Tailwind v3, CSS variables, SCSS, SVG swatches, Tokens Studio or W3C design tokens, one click, no cleanup.
Tailwind colours
Browse all 26 colour families.
Red to olive. Every base Tailwind family with a full OKLCH ramp, ready to generate, preview and export.
More than colours
Colours are step one.
The whole brand is next.
Want a website or full brand built around your new palette? The team at Aesthetic can take it from here.