Using Fall Color Codes in Web Design
Fall color codes draw from rich, earthy warmth, bringing together burnt orange, mustard yellow, deep forest green, and warm rust. This palette adds texture and depth to storytelling sites, product showcases, and cozy brand identities that favor grounded, natural aesthetics.
| Colour name | Hex code | RGB value | HSL value | Notes & Info | |
|---|---|---|---|---|---|
| Burnt Orange | #CC5500 | rgb(204, 85, 0) | hsl(25, 100%, 40%) | Classic autumn foliage shade; bold and energetic. | |
| Pumpkin Spice | #D97724 | rgb(217, 119, 36) | hsl(28, 72%, 50%) | Warm, cozy harvest orange widely used in autumn design. | |
| Crimson Maple | #991B1B | rgb(153, 27, 27) | hsl(0, 70%, 35%) | Deep autumnal red inspired by turning maple leaves. | |
| Rust Red | #B7410E | rgb(183, 65, 14) | hsl(18, 86%, 39%) | Earthy reddish-brown tone common in fall fashion. | |
| Harvest Gold | #DAA520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | Goldenrod tone (W3C Goldenrod) reflecting late sun and wheat. | |
| Mustard Yellow | #E1AD01 | rgb(225, 173, 1) | hsl(46, 99%, 44%) | Rich, muted yellow tone ideal for autumnal contrasts. | |
| Raw Ochre | #CC7722 | rgb(204, 119, 34) | hsl(30, 71%, 47%) | Natural earth pigment shade with warm undertones. | |
| Olive Green | #556B2F | rgb(85, 107, 47) | hsl(82, 39%, 30%) | W3C Dark Olive Green; grounds warm fall palettes. | |
| Spruce Green | #2D4F3C | rgb(45, 79, 60) | hsl(146, 27%, 24%) | Deep evergreen shade providing rich contrast to oranges. | |
| Plum / Mulberry | #5C0632 | rgb(92, 6, 50) | hsl(329, 88%, 19%) | Deep berry accent shade frequently used in fall cosmetics. |
For more rich, warm, and earthy color palettes inspired by cozy golden hours and falling foliage, check True Autumn Palettes.