Skip to the color picker
PickShade

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

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

Style
  1. 597492Dusty blue
  2. 8495B7Dusty blue
  3. 8DABC6Dusty light sky blue
  4. C6CFE3Muted very light blue
  5. DFEAF1Very light gray

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

Export

Export
Values
:root {
    --slate: oklch(54.963% 0.05669 251.496);
    --slate-2: oklch(66.86% 0.0543 264.107);
    --dark-gray: oklch(72.806% 0.05143 245.75);
    --light-gray: oklch(85.377% 0.02948 266.341);
    --lavender: oklch(93.081% 0.01514 235.386);
}

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
Dusty blue#597492rgb(89 116 146)oklch(54.963% 0.05669 251.496)
Dusty blue#8495b7rgb(132 149 183)oklch(66.86% 0.0543 264.107)
Dusty light sky blue#8dabc6rgb(141 171 198)oklch(72.806% 0.05143 245.75)
Muted very light blue#c6cfe3rgb(198 207 227)oklch(85.377% 0.02948 266.341)
Very light gray#dfeaf1rgb(223 234 241)oklch(93.081% 0.01514 235.386)