Autumn Color Palette

Updated April 17, 2026

A warm autumn color palette — burnt orange, golden yellow, rust red, and deep brown. Hex codes for fall branding, editorial, and cozy designs.

The Autumn Palette

• Wheat #FEF3C7 rgb(254, 243, 199) hsl(48, 96%, 89%)
• Amber #F59E0B rgb(245, 158, 11) hsl(38, 92%, 50%)
• Burnt Orange #C2410C rgb(194, 65, 12) hsl(17, 88%, 40%)
• Rust #991B1B rgb(153, 27, 27) hsl(0, 70%, 35%)
• Chestnut #78350F rgb(120, 53, 15) hsl(22, 78%, 26%)
• Dark Walnut #3F2A14 rgb(63, 42, 20) hsl(31, 52%, 16%)

Hex Codes at a Glance

#FEF3C7, #F59E0B, #C2410C, #991B1B, #78350F, #3F2A14

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This autumn palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.