Skip to the color picker
PickShade

Color palette: Dusty yellow, Dusty yellow, Dusty amber, Dusty light yellow, Muted light orange

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

Style
  1. 6E6757Dusty yellow
  2. 72705DDusty yellow
  3. A7907BDusty amber
  4. AAAC87Dusty light yellow
  5. CEB6ABMuted light orange

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

Export

Export
Values
:root {
    --umber: oklch(51.554% 0.02587 87.188);
    --gray: oklch(54.142% 0.0286 102.344);
    --camel: oklch(66.84% 0.04082 64.447);
    --sage: oklch(73.308% 0.05114 110.154);
    --silver: oklch(79.373% 0.0317 46.186);
}

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 yellow#6e6757rgb(110 103 87)oklch(51.554% 0.02587 87.188)
Dusty yellow#72705drgb(114 112 93)oklch(54.142% 0.0286 102.344)
Dusty amber#a7907brgb(167 144 123)oklch(66.84% 0.04082 64.447)
Dusty light yellow#aaac87rgb(170 172 135)oklch(73.308% 0.05114 110.154)
Muted light orange#ceb6abrgb(206 182 171)oklch(79.373% 0.0317 46.186)