Autumn Color Palette

An autumn palette is a seasonal set rather than a single hue — burnt orange, ochre, oxblood red and deep brown, the colours foliage turns before it drops. Copy the HEX codes from any scheme below, or generate a fresh autumn palette anchored to your own base colour.

Autumn Palette Ideas & HEX Codes

Warm Autumn is the tonal version, one brown-to-gold ramp from #582F0E to #DDA15E. Autumn Leaves breaks that with two oxbloods, #6A040F and #9D0208, over a cream. Cozy Fall swaps those reds for muted olive (#283618, #606C38), which is the more grounded of the two.

Warm Autumn

#582F0E
#7F4F24
#936639
#BB9457
#DDA15E

Autumn Leaves

#6A040F
#9D0208
#BC6C25
#DDA15E
#FEFAE0

Cozy Fall

#283618
#606C38
#BC6C25
#DDA15E
#FEFAE0

Anchored to an autumn base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

Where an Autumn Palette Works

Autumn colours are all warm, so the useful contrast comes from value rather than hue — a cream like #FEFAE0 to lift the set, or a deep olive to cool it. Seasonal branding, wedding stationery, food packaging and October campaigns are the usual homes. Narrower versions of the same family: rust, terracotta and mustard.

Frequently Asked Questions

What HEX codes make an autumn color palette?
Autumn palettes blend warm earth tones: a deep brown or oxblood anchor (#582F0E, #6A040F), burnt orange and gold mid tones (#BC6C25, #DDA15E) and a soft cream (#FEFAE0). Adding a muted olive (#606C38) nods to fading foliage and keeps the set from feeling too orange. Above you get three ready-made versions — Warm Autumn, Autumn Leaves and Cozy Fall — so you can lift a whole five-step ramp instead of assembling one. #283618 is the darkest code on the page and #FEFAE0 the lightest, a pairing worth 12.2:1, enough for body text at any size under WCAG AA and AAA.
What colours are in an autumn palette?
An autumn palette runs on burnt orange (#BC6C25), gold or ochre (#DDA15E), a deep oxblood red (#6A040F, #9D0208), dark brown (#582F0E) and a cream (#FEFAE0). A muted olive such as #606C38 is the optional fifth, and it is what stops the set from reading as one long stretch of orange. The Autumn Leaves row above lays that structure out end to end — #6A040F, #9D0208, #BC6C25, #DDA15E and #FEFAE0 — dark oxblood through to cream.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. Because the picker is seeded with #BC6C25, an export taken without changing the base stays inside the autumn range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.
What is the base HEX, RGB and HSL for this autumn palette?
The base colour this page is anchored to is #BC6C25, which is rgb(188, 108, 37) and hsl(28, 67%, 44%). A hue of 28 degrees puts it in the oranges, and 44% lightness with 67% saturation makes it a mid tone. The colour picker above accepts HEX or R, G and B numbers directly, so you can type any of those in and rebuild the palette around it. The sets above are deliberately not all one hue — that is what the look is built on — but each stays inside the same lightness and saturation range as this base.

More palettes: Earth Tone palette  ·  Rust palette  ·  Coral palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→