Skip to the color picker
PickShade

Color palette: Very light gray, Muted light blue, Muted light sky blue, Dusty blue, Dusty sky blue

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

Style
  1. E4E8EDVery light gray
  2. B6BDCBMuted light blue
  3. 94A2AFMuted light sky blue
  4. 8890A2Dusty blue
  5. 61757EDusty sky blue

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

Export

Export
Values
:root {
    --platinum: oklch(92.938% 0.00802 253.856);
    --silver: oklch(79.721% 0.02124 264.447);
    --dark-gray: oklch(70.539% 0.0248 246.163);
    --gray: oklch(65.286% 0.02838 266.491);
    --slate: oklch(54.942% 0.02748 226.871);
}

Checks

Readable text pairs

No pair reaches 4.5:1 for body text. Add a much darker or lighter color.

Every color stays distinguishable for color-blind people.

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Very light gray#e4e8edrgb(228 232 237)oklch(92.938% 0.00802 253.856)
Muted light blue#b6bdcbrgb(182 189 203)oklch(79.721% 0.02124 264.447)
Muted light sky blue#94a2afrgb(148 162 175)oklch(70.539% 0.0248 246.163)
Dusty blue#8890a2rgb(136 144 162)oklch(65.286% 0.02838 266.491)
Dusty sky blue#61757ergb(97 117 126)oklch(54.942% 0.02748 226.871)