Create balanced palettes, export anywhere.

Tip: press Space to generate. Lock 🔒 the colors you like first. Click a color to change it yourself.

Palette style

Export in 21 formats

Choose a format, then copy it or download it as a file.

How to use this tool (step by step)

Small steps, each with the reason behind it. Perfect for beginners, and a handy checklist for experts.

1. Generate a palette

   • Press Generate (or the Space key).
   • Look at the five colors.
   • Press again until you like what you see.

   Why we do this: Starting from a balanced idea is faster than choosing five colors one by one.

2. Keep what you like

   • Press the lock 🔒 under a color you want to keep.
   • Press Generate again: only unlocked colors change.
   • Click a color to adjust it by hand.

   Why we do this: Locking lets you improve a palette step by step without losing the good parts.

3. Choose a style

   • Press a style such as Balanced, Pastel, Vivid, Dark or Monochrome.
   • Press Generate to see new colors in that style.
   • Use Complementary or Triadic for stronger contrast.

   Why we do this: Styles steer the random choices so you get palettes that fit your project.

4. Export

   • Choose a format in the list, for example CSS variables or Tailwind config.
   • Press Copy or Download file.
   • Paste into your project.

   Why we do this: The right format saves you from retyping colors and avoids mistakes.

Questions people ask

Quick answers.