Color palette: Dusty brown, Dusty brown, Dusty orange, Dusty light yellow, Muted light pink

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

Style

7A6B5ADusty brown
867A61Dusty brown
A97A69Dusty orange
A7A78ADusty light yellow
D4BDBDMuted light pink

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

Export

Values

:root {
    --gray: oklch(53.707% 0.03184 70.563);
    --gray-2: oklch(58.355% 0.03926 85.33);
    --copper: oklch(62.205% 0.06438 40.737);
    --sage: oklch(72.053% 0.04047 107.374);
    --silver: oklch(81.775% 0.02623 17.701);
}

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 brown	#7a6b5a	rgb(122 107 90)	oklch(53.707% 0.03184 70.563)
Dusty brown	#867a61	rgb(134 122 97)	oklch(58.355% 0.03926 85.33)
Dusty orange	#a97a69	rgb(169 122 105)	oklch(62.205% 0.06438 40.737)
Dusty light yellow	#a7a78a	rgb(167 167 138)	oklch(72.053% 0.04047 107.374)
Muted light pink	#d4bdbd	rgb(212 189 189)	oklch(81.775% 0.02623 17.701)