Autumn Harvest Color Palette

The colors of fallen leaves: deep rust, pumpkin, and amber.
Use as a gradient →

Colors

#6E2C00
#A9441E
#D9822B
#F2A65A
#FFD37C

Contrast on Light & Dark Backgrounds

Color Hex On White On Black
#6E2C00 T - T -
#A9441E T - T -
#D9822B T - T -
#F2A65A T - T -
#FFD37C T - T -
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.

Autumn Harvest CSS Code

HEX Copy
#6E2C00
#A9441E
#D9822B
#F2A65A
#FFD37C
RGBA Copy
rgba(110, 44, 0, 1.0)
rgba(169, 68, 30, 1.0)
rgba(217, 130, 43, 1.0)
rgba(242, 166, 90, 1.0)
rgba(255, 211, 124, 1.0)
HSLA Copy
hsla(24, 100%, 22%, 1.0)
hsla(16, 70%, 39%, 1.0)
hsla(30, 70%, 51%, 1.0)
hsla(30, 85%, 65%, 1.0)
hsla(40, 100%, 74%, 1.0)

More Color Palettes

FAQ

What colors are in the Autumn Harvest palette?

The colors of fallen leaves: deep rust, pumpkin, and amber.

How do I turn the Autumn Harvest palette into a CSS gradient?

Use background: linear-gradient(to right, #6E2C00, #A9441E, #D9822B, #F2A65A, #FFD37C);, or click "Use as a gradient" above to open it in the live generator.

Generate a Gradient

Start your own gradient →