Back to palettes

Palette

Autumn Maple Canopy

A vibrant explosion of fiery oranges, golden yellows, and deep reds that paint a crisp autumn forest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Maple Canopy reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Autumn Maple Canopy.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#8B2C0D#CC5B1D#FF8C00#FCD12A#5A190A

Palette guide

How to use Autumn Maple Canopy

Overview

The Autumn Maple Canopy palette bursts with the vibrant, fiery colors of a crisp autumn forest. It features a deep brown-orange (#8B2C0D) providing a grounding base, transitioning into a bold orange (#CC5B1D) and a bright pure orange (#FF8C00). A sunny golden yellow (#FCD12A) adds a cheerful highlight, while a very dark brown (#5A190A) offers deep contrast. This palette is invaluable for designers and developers aiming to create energetic, natural, and inviting digital or print experiences. From dynamic website banners and engaging marketing campaigns to rustic brand identities and expressive illustrations, these hex codes offer a comprehensive range to capture the breathtaking beauty and warmth of fall.

Best used for

  • Vibrant seasonal marketing campaigns
  • Nature-inspired website themes
  • Dynamic digital advertisements
  • Rustic brand identity and logos
  • Autumn-themed event promotions
  • Digital art and landscape illustrations

Suggested color roles

primary

Utilize #8B2C0D as a grounding primary color for strong foundational elements or significant content sections.

secondary

Employ #CC5B1D for secondary headings or call-to-action buttons, offering a warm and inviting presence.

accent

Highlight interactive elements or key information with #FF8C00 to provide a bright, energetic focal point.

background

A light, creamy off-white or a very subtle use of #FCD12A can serve as a welcoming background, allowing darker tones to pop.

text

For optimal readability, use #5A190A for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #5A190A text and #FCD12A background for WCAG AA compliance.
  • Avoid using #FF8C00 or #FCD12A for small text on similarly light backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the orange-yellow spectrum.
  • When layering, ensure #CC5B1D and #FF8C00 have enough differentiation for critical interactive elements.

Recommended combinations

Forest Depth

Creates a strong, grounded base with a bright, contrasting highlight, excellent for footers or bold headers.

#5A190A · #8B2C0D · #FCD12A

Fiery Dynamics

Ideal for energetic calls-to-action, festive banners, or graphic elements that demand attention.

#CC5B1D · #FF8C00 · #8B2C0D

Golden Warmth

Use for a warm, inviting background with very dark text and a vibrant supporting color, suitable for content cards.

#FCD12A · #5A190A · #CC5B1D

CSS variables

:root {
  --autumn-maple-canopy-1: #8B2C0D;
  --autumn-maple-canopy-2: #CC5B1D;
  --autumn-maple-canopy-3: #FF8C00;
  --autumn-maple-canopy-4: #FCD12A;
  --autumn-maple-canopy-5: #5A190A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-maple-canopy": {
        1: "#8B2C0D",
        2: "#CC5B1D",
        3: "#FF8C00",
        4: "#FCD12A",
        5: "#5A190A",
      }
    }
  }
}

Related searches

autumn leaves color palettemaple forest huesvibrant orange yellow hexfall rustic designseasonal nature colors

Palette colors

Hex values

Color 1#8B2C0D
·
Color 2#CC5B1D
·
Color 3#FF8C00
·
Color 4#FCD12A
·
Color 5#5A190A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.7:1AA18
5.8:1AA
1.6:1Fail
2
2.1:1Fail
1.8:1Fail
2.8:1Fail
3.2:1AA18
3
3.7:1AA18
1.8:1Fail
1.6:1Fail
5.7:1AA
4
5.8:1AA
2.8:1Fail
1.6:1Fail
9.1:1AAA
5
1.6:1Fail
3.2:1AA18
5.7:1AA
9.1:1AAA

Similar palettes

More like Autumn Maple Canopy

View all warm
Forest Amber Rustle
Autumn Bramble Trail
Autumn Ember Glow
Autumn Foliage
Autumn Foliage Crunch
Autumn Foliage Ember