color palettes

The palette generator

Make something colorful.

Press Space for a fresh palette. Lock the colors you love.

Your library ↗
Palette options

Lock a color to keep it. Use Space to explore, or Undo to return.

01
Edit color
Move color
02
Edit color
Move color
03
Edit color
Move color
04
Edit color
Move color
05
Edit color
Move color

Click a hex to copy. Open Edit color to fine-tune it.

See it in context

A little preview. A lot of potential.

Try your colors on a real layout, then refine both themes in the studio.

Customize website colors

Build light + dark in studio ↗

Your assigned colors stay exact in this theme. The studio generates a companion theme and checks the complete interface.

How the generator works

Generate 2–10 colors, keep multiple anchors locked, and step back through your changes. Save named directions and complete studio systems in Your library. Everything is local, without an account. Contrast belongs to specific pairs; a generated palette is not an accessibility certificate.

Prefer a considered starting point? Browse the original collection →

Keep this direction.

Name it, put it in a collection, and pick up where you left off.

Stored only in this browser. Back up your library to move it to another device.

Start with your colors.

Paste 2–10 hex values separated by spaces, commas or hyphens, or an editable palette JSON export.

Take your colors with you.

Download file

Includes every source color in order, plus an editable palette backup. See README.txt for import steps.