Skip to the color picker

Color palette generator

Press Space for a new palette. Lock the colors you like and the rest follow them.

Color palette ideas
Style
  1. 0F172AMuted very dark blue
  2. 1E40AFSoft dark blue
  3. 60A5FABright light blue
  4. FDE68APastel very light yellow
  5. F97316Bright light orange

Space for a new palette, Ctrl+Z to undo, click a color to edit it.

Export

Export
Values
:root {
    --midnight-blue: oklch(20.768% 0.03982 265.755);
    --cobalt: oklch(42.445% 0.18087 265.638);
    --azure: oklch(71.374% 0.14338 254.624);
    --khaki: oklch(92.428% 0.11513 95.746);
    --pumpkin: oklch(70.487% 0.18672 47.604);
}

Checks

Readable text pairs

  • Aa14.3:1
  • Aa7.0:1
  • Aa7.0:1
  • Aa6.4:1

Pairs that merge for color-blind people: 1

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
#0f172argb(15 23 42)oklch(20.768% 0.03982 265.755)
#1e40afrgb(30 64 175)oklch(42.445% 0.18087 265.638)
#60a5fargb(96 165 250)oklch(71.374% 0.14338 254.624)
#fde68argb(253 230 138)oklch(92.428% 0.11513 95.746)
#f97316rgb(249 115 22)oklch(70.487% 0.18672 47.604)