Palette
← Palette generator

Palette editor

✨ New palettes
drag — reorder · click — edit · s — save · every change is kept in History

Palette Details

You are here because you have a palette and want to make it exactly right — then get it into your project. This is the editor: every colour is adjustable, and everything you need to ship it is one click away.

How to use it

  1. Click a swatch to fine-tune its hue, saturation and lightness until it is perfect.
  2. Drag swatches to reorder them — the new order is saved with the palette.
  3. Watch the WCAG contrast readouts to keep text/background pairs accessible.
  4. Tap the bookmark to save the palette to your favourites.
  5. Export as CSS variables, JSON, Tailwind config or a PNG image.

Good to know

  • Two palettes count as the same if they share the same colours, whatever the order — so re-ordering will not create a duplicate.
  • Everything is local: your edits and saves live in your browser, not on a server.
Related: generate new ideas in Palettes, double-check pairs in the Contrast Checker, turn it into a token system, or manage it in Saved.