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.

Updated 2026-07-15

  • 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.

Aa
Chestnut ink on cream
Contrast 11.18 : 1AAA
Aa
Maple on cream
Contrast 5.94 : 1AA
Aa
Mustard brown on cream
Contrast 5.62 : 1AA
EXPORT

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 */
}

Frequently asked questions

Related palettes

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.

Generate a palette