color palettes

Color palette generator

Palette options
More
Suggest paletteMake a collage
01
≈ whitesmoke
Edit color
Move color
02
≈ antiquewhite
Edit color
Move color
03
≈ darkslategray
Edit color
Move color
04
≈ royalblue
Edit color
Move color
05
≈ gold
Edit color
Move color

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

Click a hex to copy. Lock what you love.

Adjust palette & shortcuts

Locked colors keep their exact values and positions. Undo restores the whole adjustment. Space generates; 1–9 toggles that color’s lock, 0 toggles color 10; Ctrl/⌘ + Z undoes; Shift + Ctrl/⌘ + Z redoes. Shortcuts pause while you edit a field or use a button.

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.

Saved locally. Sign in to sync your library across devices.

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.