Color Palette Generator

Generate

Pick a base, choose a harmony, then lock and remix.

Base color

Mode

Palette size

212

Variation

±14°

Seed

Same seed + same settings produces a similar palette.

Neutrals

Optionally include 1–2 gray tones.

Gradient preview

Show a linear gradient with all colors.

Export

Copy or download tokens for your project.

Name

Used for variable keys

:root {
  --cv-my-palette-1: #60f3ec;
  --cv-my-palette-2: #1d84f8;
  --cv-my-palette-3: #1222dc;
  --cv-my-palette-4: #45e8ff;
  --cv-my-palette-5: #738dfa;
}

Copy format

Current palette

Lock swatches you like, then regenerate or shuffle the rest.

AAA · 13.85:1

Color 1

#60f3ec

AA · 5.09:1

Color 2

#1d84f8

AAA · 9.18:1

Color 3

#1222dc

AAA · 12.70:1

Color 4

#45e8ff

AA · 6.17:1

Color 5

#738dfa

Tip: If a palette needs to be more accessible, try switching to Monochrome or lowering Variation so hues stay tighter.

Current palette

Saved palettes