Palette Generator

One-click 5-color palettes, lock, drag, PNG export.

AD
#14B6DBrgb(20, 182, 219)
Tap to copy · Drag to reorder
#1484DBrgb(20, 132, 219)
Tap to copy · Drag to reorder
#1452DBrgb(20, 82, 219)
Tap to copy · Drag to reorder
#1421DBrgb(20, 33, 219)
Tap to copy · Drag to reorder
#3914DBrgb(57, 20, 219)
Tap to copy · Drag to reorder

Export

:root {
  --color-1: #14b6db;
  --color-2: #1484db;
  --color-3: #1452db;
  --color-4: #1421db;
  --color-5: #3914db;
}

Tap swatch to copy HEX; drag to reorder; 🔒 locked colors stay on regenerate.

How to use

  1. Pick base color & mode.
  2. Lock favorites then Generate.
  3. Drag to reorder, export PNG or copy CSS.

FAQ

What modes are there?

Analogous, Complementary, Triadic, Split-Complementary, Monochrome, and Random. Each generates a 5-color set from your base.

What does Lock do?

Locked swatches stay when you tap "Generate" or change base/mode. Drag to reorder.

How to export?

Copy HEX, copy CSS variables (:root with --color-1..5), or export PNG (200×460 per swatch). Tap a swatch to copy its HEX.

Is it accessible?

Text color on each swatch auto-picks black or white by YIQ contrast for readability.

AD