Skip to the color picker
PickShade

Color palette: Gray, Dusty sky blue, Light gray, Very light gray, Pastel very light cyan

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

Style
  1. 657578Gray
  2. 869BA6Dusty sky blue
  3. 93A3A6Light gray
  4. C5D1DBVery light gray
  5. C2E7E7Pastel very light cyan

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

Export

Export
Values
:root {
    --slate: oklch(55.028% 0.01962 210.209);
    --dark-gray: oklch(67.676% 0.02882 230.59);
    --dark-gray-2: oklch(70.383% 0.01863 210.193);
    --light-gray: oklch(85.454% 0.0191 243.004);
    --platinum: oklch(90.156% 0.03857 196.487);
}

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
Gray#657578rgb(101 117 120)oklch(55.028% 0.01962 210.209)
Dusty sky blue#869ba6rgb(134 155 166)oklch(67.676% 0.02882 230.59)
Light gray#93a3a6rgb(147 163 166)oklch(70.383% 0.01863 210.193)
Very light gray#c5d1dbrgb(197 209 219)oklch(85.454% 0.0191 243.004)
Pastel very light cyan#c2e7e7rgb(194 231 231)oklch(90.156% 0.03857 196.487)