Cozy Autumn — 5-color palette
#B85042#E7E8D1#A7BEAE#7B2D26#D9AE5EHex codes
Hex
#B85042
RGB
184, 80, 66
HSL
7°, 47%, 49%
Hex
#E7E8D1
RGB
231, 232, 209
HSL
63°, 33%, 86%
Hex
#A7BEAE
RGB
167, 190, 174
HSL
138°, 15%, 70%
Hex
#7B2D26
RGB
123, 45, 38
HSL
5°, 53%, 32%
Hex
#D9AE5E
RGB
217, 174, 94
HSL
39°, 62%, 61%
How to use this palette
The first color in Cozy Autumn 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 {
--cozy-autumn-1: #B85042;
--cozy-autumn-2: #E7E8D1;
--cozy-autumn-3: #A7BEAE;
--cozy-autumn-4: #7B2D26;
--cozy-autumn-5: #D9AE5E;
}