Color palette: Soft light yellow, Dusty yellow, Dusty brown, Dusty brown, Soft dark brown

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

Style

D2B46ESoft light yellow
9C8C53Dusty yellow
9B7B4BDusty brown
6E643CDusty brown
5E462ESoft dark brown

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

Export

Values

:root {
    --sand: oklch(78.079% 0.09556 87.011);
    --copper: oklch(64.122% 0.07875 94.207);
    --copper-2: oklch(60.272% 0.07622 76.634);
    --coffee: oklch(50.264% 0.05888 95.774);
    --coffee-2: oklch(41.386% 0.04932 65.752);
}

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
Soft light yellow	#d2b46e	rgb(210 180 110)	oklch(78.079% 0.09556 87.011)
Dusty yellow	#9c8c53	rgb(156 140 83)	oklch(64.122% 0.07875 94.207)
Dusty brown	#9b7b4b	rgb(155 123 75)	oklch(60.272% 0.07622 76.634)
Dusty brown	#6e643c	rgb(110 100 60)	oklch(50.264% 0.05888 95.774)
Soft dark brown	#5e462e	rgb(94 70 46)	oklch(41.386% 0.04932 65.752)