Color palette: Soft light yellow, Dusty light yellow, Dusty amber, Dusty yellow, Dusty brown
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- D4BE8ESoft light yellow
- A4A477Dusty light yellow
- A28461Dusty amber
- 7A7C57Dusty yellow
- 866654Dusty brown
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--tan: oklch(80.849% 0.06818 86.154);
--sage: oklch(70.727% 0.06185 107.882);
--copper: oklch(63.281% 0.06124 70.673);
--gray: oklch(57.477% 0.05352 110.563);
--marsala: oklch(53.766% 0.04955 50.666);
}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 | #d4be8e | rgb(212 190 142) | oklch(80.849% 0.06818 86.154) |
| Dusty light yellow | #a4a477 | rgb(164 164 119) | oklch(70.727% 0.06185 107.882) |
| Dusty amber | #a28461 | rgb(162 132 97) | oklch(63.281% 0.06124 70.673) |
| Dusty yellow | #7a7c57 | rgb(122 124 87) | oklch(57.477% 0.05352 110.563) |
| Dusty brown | #866654 | rgb(134 102 84) | oklch(53.766% 0.04955 50.666) |