Muted Vintage — 5-color palette
#D4A5A5#A5B5A5#C5B5A0#8B7B6E#E0D0C0Hex codes
Hex
#D4A5A5
RGB
212, 165, 165
HSL
0°, 35%, 74%
Hex
#A5B5A5
RGB
165, 181, 165
HSL
120°, 10%, 68%
Hex
#C5B5A0
RGB
197, 181, 160
HSL
34°, 24%, 70%
Hex
#8B7B6E
RGB
139, 123, 110
HSL
27°, 12%, 49%
Hex
#E0D0C0
RGB
224, 208, 192
HSL
30°, 34%, 82%
How to use this palette
The first color in Muted Vintage 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-vintage-1: #D4A5A5;
--muted-vintage-2: #A5B5A5;
--muted-vintage-3: #C5B5A0;
--muted-vintage-4: #8B7B6E;
--muted-vintage-5: #E0D0C0;
}