Autumn Color Palette
Golden yellow, pumpkin orange, rust, deep red-brown, olive and dark bark, the warm colors of autumn, also called fall colors.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F2C14E
#E08A2E
#B5451B
#7D2E1D
#6B7031
#4E3524
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F2C14E | T - | T - | |
| #E08A2E | T - | T - | |
| #B5451B | T - | T - | |
| #7D2E1D | T - | T - | |
| #6B7031 | T - | T - | |
| #4E3524 | 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. Click a check to verify it on colorcontrastcheck.com.
Autumn CSS Code
oklch(83.41% 0.141 85.43) oklch(70.91% 0.1452 62.46) oklch(53.77% 0.1548 39.04) oklch(41.27% 0.1138 33.78) oklch(52.65% 0.0862 113.1) oklch(35.35% 0.0454 54.91)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Autumn palette?
Golden yellow, pumpkin orange, rust, deep red-brown, olive and dark bark, the warm colors of autumn, also called fall colors.
How do I turn the Autumn palette into a CSS gradient?
Use background: linear-gradient(to right, #F2C14E, #E08A2E, #B5451B, #7D2E1D, #6B7031, #4E3524);, or click "Make it a gradient" above to open it in the live generator.