Palette Generator

Generate a tonal scale or harmonic palette (complementary, triadic, tetradic) from any base color. Copy hex codes instantly.

Base swatch

Base color (hex)

Harmony

Lightest

#EFF0FE

Lighter

#A9ABF7

Base

#6366F1

Darker

#1D21EB

Darkest

#0F13AC

CSS variables

:root {
  --color-1: #eff0fe;
  --color-2: #a9abf7;
  --color-3: #6366f1;
  --color-4: #1d21eb;
  --color-5: #0f13ac;
}