Skip to the color picker
PickShade

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
Muted very dark blue#0f172argb(15 23 42)oklch(20.768% 0.03982 265.755)
Soft dark blue#1e40afrgb(30 64 175)oklch(42.445% 0.18087 265.638)
Bright light blue#60a5fargb(96 165 250)oklch(71.374% 0.14338 254.624)
Pastel very light yellow#fde68argb(253 230 138)oklch(92.428% 0.11513 95.746)
Bright light orange#f97316rgb(249 115 22)oklch(70.487% 0.18672 47.604)