Skip to the color picker
PickShade

Color palette: Light gray, Soft light pink, Azure, Very light gray, Very light gray

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

Style
  1. C2CBD7Light gray
  2. D9B4B5Soft light pink
  3. 007FFFAzure
  4. DFE0ECVery light gray
  5. F2EDECVery light gray

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

Export

Export
Values
:root {
    --light-gray: oklch(83.881% 0.01944 255.547);
    --silver: oklch(80.268% 0.0429 16.25);
    --azure: oklch(61.308% 0.21196 256.33);
    --platinum: oklch(90.946% 0.01628 282.255);
    --platinum-2: oklch(94.97% 0.00557 31.054);
}

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
Light gray#c2cbd7rgb(194 203 215)oklch(83.881% 0.01944 255.547)
Soft light pink#d9b4b5rgb(217 180 181)oklch(80.268% 0.0429 16.25)
Azure#007fffrgb(0 127 255)oklch(61.308% 0.21196 256.33)
Very light gray#dfe0ecrgb(223 224 236)oklch(90.946% 0.01628 282.255)
Very light gray#f2edecrgb(242 237 236)oklch(94.97% 0.00557 31.054)