Muted Earth — 5-color palette
#9C7B5C#C5A880#7A8471#E5D4B7#A64B2AHex codes
Hex
#9C7B5C
RGB
156, 123, 92
HSL
29°, 26%, 49%
Hex
#C5A880
RGB
197, 168, 128
HSL
35°, 37%, 64%
Hex
#7A8471
RGB
122, 132, 113
HSL
92°, 8%, 48%
Hex
#E5D4B7
RGB
229, 212, 183
HSL
38°, 47%, 81%
Hex
#A64B2A
RGB
166, 75, 42
HSL
16°, 60%, 41%
How to use this palette
The first color in Muted Earth 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 {
--muted-earth-1: #9C7B5C;
--muted-earth-2: #C5A880;
--muted-earth-3: #7A8471;
--muted-earth-4: #E5D4B7;
--muted-earth-5: #A64B2A;
}