PALETTE GALLERY
Autumn color palette
Autumn palettes are warm but darker and more saturated than a general warm palette, closer to turning leaves than to summer heat. This set holds maple red and pumpkin as the primary range, with gold as a lighter accent and chestnut ink for text.
- MaplePrimary#A13D2B
- PumpkinAccent#D9781E
- GoldHighlight#C9A227
- Mustard BrownAccent 2#7A5C2E
- Chestnut InkText#4B2E1E
- CreamBackground#FDF3E3
Where this palette works
Seasonal marketing and limited-time campaigns
Maple and pumpkin are unambiguous seasonal cues that need no supporting copy to read as autumn.
Coffee, harvest, and food-adjacent brands
The palette overlaps with the warm set but skews darker, which reads as roasted rather than fresh.
Editorial features and long-form seasonal content
Chestnut ink on cream is comfortable for extended reading, unlike a fully saturated seasonal palette.
Accessible pairings
Chestnut ink carries body text at AAA against cream. Maple and mustard brown both clear AA against cream directly, so either can serve as a secondary text color for captions or metadata without falling back to pure black.
Use these tokens
Copy as CSS custom properties or a Tailwind v4 @theme block.
:root {
--palette-primary: #A13D2B; /* Maple */
--palette-accent: #D9781E; /* Pumpkin */
--palette-highlight: #C9A227; /* Gold */
--palette-accent-2: #7A5C2E; /* Mustard Brown */
--palette-text: #4B2E1E; /* Chestnut Ink */
--palette-background: #FDF3E3; /* Cream */
}FAQ
Frequently asked questions
Autumn palettes skew darker and more desaturated toward brown, closer to Maple (#A13D2B) and Chestnut than to a brighter red-orange. A general warm palette can include lighter, more saturated tones without reading as seasonal.
Gold (#C9A227) reaches only 2.42:1 against white, well under AA, so pair it against Chestnut Ink (5.08:1, AA) or use it as a non-text accent like an icon or border rather than as body text on a light background.
Chestnut Ink on Cream, at 11.18:1. It clears AAA with the widest margin of any pair in this set and keeps the palette's warm undertone instead of dropping to a neutral gray or black.
Related palettes
Warm palette
A warm color palette built from burnt sienna, amber, and brick tones, with hex codes, accessible text pairings, and export-ready CSS variables.
Earth tone palette
An earth tone color palette built from umber, terracotta, and olive, with hex codes, accessible text pairings, and export-ready CSS variables.
Retro 70s palette
A retro 1970s color palette built from mustard, rust, and avocado green, with hex codes, accessible text pairings, and export-ready CSS variables.
Build on this palette
Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.