Color palette: Soft light yellow, Dusty light yellow, Dusty amber, Dusty yellow, Dusty dark brown
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- CBC090Soft light yellow
- A9AA82Dusty light yellow
- A28971Dusty amber
- 808262Dusty yellow
- 755D52Dusty dark brown
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--tan: oklch(80.504% 0.06499 96.727);
--sage: oklch(72.682% 0.05511 108.886);
--gray: oklch(64.663% 0.04584 65.707);
--gray-2: oklch(59.62% 0.04638 110.693);
--umber: oklch(49.926% 0.03592 45.919);
}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 simulatorColors in this palette
| Name | HEX | RGB | OKLCH |
|---|---|---|---|
| Soft light yellow | #cbc090 | rgb(203 192 144) | oklch(80.504% 0.06499 96.727) |
| Dusty light yellow | #a9aa82 | rgb(169 170 130) | oklch(72.682% 0.05511 108.886) |
| Dusty amber | #a28971 | rgb(162 137 113) | oklch(64.663% 0.04584 65.707) |
| Dusty yellow | #808262 | rgb(128 130 98) | oklch(59.62% 0.04638 110.693) |
| Dusty dark brown | #755d52 | rgb(117 93 82) | oklch(49.926% 0.03592 45.919) |