Autumn Color Palette
Pulled from a photo of a forest path in autumn: peach light, maple and chestnut leaves and dark bark. A cozy fall palette that feels warm but not loud.
Click any color to copy its HEX code.
Autumn color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Peach Mist | #EEC5AB | 238, 197, 171 | 23°, 66%, 80% | |
| Apricot Leaf | #D49A7C | 212, 154, 124 | 20°, 51%, 66% | |
| Maple | #CB7853 | 203, 120, 83 | 19°, 54%, 56% | |
| Chestnut | #905E4A | 144, 94, 74 | 17°, 32%, 43% | |
| Bark | #65493D | 101, 73, 61 | 18°, 25%, 32% | |
| Forest Floor | #38342E | 56, 52, 46 | 36°, 10%, 20% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Peach Mist (#EEC5AB) as the base, Apricot Leaf (#D49A7C) as the supporting color and Maple (#CB7853) as the accent, with Forest Floor (#38342E) for text and fine details.
Autumn
A quick preview of the palette with base, text and accent colors.
Maple Apricot LeafWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Forest Floor on Peach Mist#38342E on #EEC5AB · 7.8:1
- Bark on Peach Mist#65493D on #EEC5AB · 5.1:1
- Forest Floor on Apricot Leaf#38342E on #D49A7C · 5.1:1
CSS variables
:root {
--peach-mist: #EEC5AB;
--apricot-leaf: #D49A7C;
--maple: #CB7853;
--chestnut: #905E4A;
--bark: #65493D;
--forest-floor: #38342E;
}The photo behind the palette
