Autumn Forest — 5-color palette
#8B2500#C2491A#E8A87C#D4A574#3E5C3BHex codes
Hex
#8B2500
RGB
139, 37, 0
HSL
16°, 100%, 27%
Hex
#C2491A
RGB
194, 73, 26
HSL
17°, 76%, 43%
Hex
#E8A87C
RGB
232, 168, 124
HSL
24°, 70%, 70%
Hex
#D4A574
RGB
212, 165, 116
HSL
31°, 53%, 64%
Hex
#3E5C3B
RGB
62, 92, 59
HSL
115°, 22%, 30%
How to use this palette
The first color in Autumn Forest 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 {
--autumn-forest-1: #8B2500;
--autumn-forest-2: #C2491A;
--autumn-forest-3: #E8A87C;
--autumn-forest-4: #D4A574;
--autumn-forest-5: #3E5C3B;
}