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

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

Style

637DA3Dusty blue
6E88B8Dusty blue
A0B8C9Dusty light sky blue
CFD5E1Very light gray
DBE8EEVery light gray

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

Export

Values

:root {
    --slate: oklch(58.439% 0.0661 257.775);
    --steel-blue: oklch(62.562% 0.07889 262.329);
    --dark-gray: oklch(76.997% 0.03591 238.83);
    --light-gray: oklch(87.198% 0.01778 264.476);
    --platinum: oklch(92.299% 0.01614 226.98);
}

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
Dusty blue	#637da3	rgb(99 125 163)	oklch(58.439% 0.0661 257.775)
Dusty blue	#6e88b8	rgb(110 136 184)	oklch(62.562% 0.07889 262.329)
Dusty light sky blue	#a0b8c9	rgb(160 184 201)	oklch(76.997% 0.03591 238.83)
Very light gray	#cfd5e1	rgb(207 213 225)	oklch(87.198% 0.01778 264.476)
Very light gray	#dbe8ee	rgb(219 232 238)	oklch(92.299% 0.01614 226.98)