Color palette: Dusty light orange, Dusty yellow, Dusty red, Dusty lime, Dusty dark pink
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- B49F8FDusty light orange
- 908C7ADusty yellow
- AE7D79Dusty red
- 66755BDusty lime
- 6F4857Dusty dark pink
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--dark-gray: oklch(71.649% 0.03363 59.52);
--gray: oklch(63.838% 0.02648 96.743);
--gray-2: oklch(63.738% 0.06177 24.201);
--gray-3: oklch(54.241% 0.04322 132.183);
--eggplant: oklch(45.054% 0.05724 354.925);
}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 light orange | #b49f8f | rgb(180 159 143) | oklch(71.649% 0.03363 59.52) |
| Dusty yellow | #908c7a | rgb(144 140 122) | oklch(63.838% 0.02648 96.743) |
| Dusty red | #ae7d79 | rgb(174 125 121) | oklch(63.738% 0.06177 24.201) |
| Dusty lime | #66755b | rgb(102 117 91) | oklch(54.241% 0.04322 132.183) |
| Dusty dark pink | #6f4857 | rgb(111 72 87) | oklch(45.054% 0.05724 354.925) |