Color Palette Generator

Build colour palettes with harmonies + Tailwind scales.

White 5.66 · AA

Black 3.70 · AA Large

Harmony — Analogous

#3ddbbc

#3dacdb

#3b5bdb

#6d3ddb

#bc3ddb

Tailwind-style scale (50 → 950)

50
#f7f6fe

100
#e6e4fb

200
#cccbf6

300
#a9a9ef

400
#8489e7

500
#3b5bdb

600
#364db7

700
#304094

800
#293372

900
#222753

950
#191b35

Export

:root {
  --50: #f7f6fe;
  --100: #e6e4fb;
  --200: #cccbf6;
  --300: #a9a9ef;
  --400: #8489e7;
  --500: #3b5bdb;
  --600: #364db7;
  --700: #304094;
  --800: #293372;
  --900: #222753;
  --950: #191b35;
}