Skip to the color picker
PickShade

Color palette: Black, Muted dark sky blue, Charcoal, Dusty light sky blue, Very light gray

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

Style
  1. 0E171DBlack
  2. 344C5BMuted dark sky blue
  3. 36454FCharcoal
  4. 90B2C9Dusty light sky blue
  5. E2ECF4Very light gray

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

Export

Export
Values
:root {
    --graphite: oklch(19.87% 0.01799 238.03);
    --charcoal: oklch(40.325% 0.03884 236.449);
    --charcoal-2: oklch(38.138% 0.02578 237.542);
    --dark-gray: oklch(74.629% 0.04977 237.922);
    --lavender: oklch(93.789% 0.01524 241.777);
}

Checks

Readable text pairs

  • Aa15.1:1
  • Aa8.3:1
  • Aa8.1:1
  • Aa7.5:1

Every color stays distinguishable for color-blind people.

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Black#0e171drgb(14 23 29)oklch(19.87% 0.01799 238.03)
Muted dark sky blue#344c5brgb(52 76 91)oklch(40.325% 0.03884 236.449)
Charcoal#36454frgb(54 69 79)oklch(38.138% 0.02578 237.542)
Dusty light sky blue#90b2c9rgb(144 178 201)oklch(74.629% 0.04977 237.922)
Very light gray#e2ecf4rgb(226 236 244)oklch(93.789% 0.01524 241.777)