Desert Dusk — 5-color palette
#C77B58#E2A65A#7A3E2D#2A1A12#F2C28EHex codes
Hex
#C77B58
RGB
199, 123, 88
HSL
19°, 50%, 56%
Hex
#E2A65A
RGB
226, 166, 90
HSL
34°, 70%, 62%
Hex
#7A3E2D
RGB
122, 62, 45
HSL
13°, 46%, 33%
Hex
#2A1A12
RGB
42, 26, 18
HSL
20°, 40%, 12%
Hex
#F2C28E
RGB
242, 194, 142
HSL
31°, 79%, 75%
How to use this palette
The first color in Desert Dusk is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--desert-dusk-1: #C77B58;
--desert-dusk-2: #E2A65A;
--desert-dusk-3: #7A3E2D;
--desert-dusk-4: #2A1A12;
--desert-dusk-5: #F2C28E;
}