Color palette: Dusty brown, Dusty brown, Dusty orange, Dusty light yellow, Pastel light pink
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- 7A604ADusty brown
- 847256Dusty brown
- C18B74Dusty orange
- AEAD7DDusty light yellow
- E0BAB4Pastel light pink
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--coffee: oklch(50.928% 0.04728 61.691);
--gray: oklch(56.155% 0.0465 78.555);
--camel: oklch(68.389% 0.07416 44.024);
--sage: oklch(73.643% 0.06521 106.895);
--baby-pink: oklch(82.045% 0.04478 28.571);
}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 |
|---|---|---|---|
| Dusty brown | #7a604a | rgb(122 96 74) | oklch(50.928% 0.04728 61.691) |
| Dusty brown | #847256 | rgb(132 114 86) | oklch(56.155% 0.0465 78.555) |
| Dusty orange | #c18b74 | rgb(193 139 116) | oklch(68.389% 0.07416 44.024) |
| Dusty light yellow | #aead7d | rgb(174 173 125) | oklch(73.643% 0.06521 106.895) |
| Pastel light pink | #e0bab4 | rgb(224 186 180) | oklch(82.045% 0.04478 28.571) |