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

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

Style

E4E9ECVery light gray
CDD6DDVery light gray
97B5BEDusty light sky blue
8896A5Dusty blue
697578Gray

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

Export

Values

:root {
    --platinum: oklch(93.107% 0.00675 233.645);
    --light-gray: oklch(87.127% 0.01377 240.979);
    --dark-gray: oklch(75.363% 0.03518 217.868);
    --gray: oklch(66.693% 0.0275 250.074);
    --slate: oklch(55.339% 0.01515 214.424);
}

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

Name	HEX	RGB	OKLCH
Very light gray	#e4e9ec	rgb(228 233 236)	oklch(93.107% 0.00675 233.645)
Very light gray	#cdd6dd	rgb(205 214 221)	oklch(87.127% 0.01377 240.979)
Dusty light sky blue	#97b5be	rgb(151 181 190)	oklch(75.363% 0.03518 217.868)
Dusty blue	#8896a5	rgb(136 150 165)	oklch(66.693% 0.0275 250.074)
Gray	#697578	rgb(105 117 120)	oklch(55.339% 0.01515 214.424)