Back to palettes

Palette

Autumn Forest Canopy

A vibrant tapestry of burnt oranges and golden hues, capturing the rich beauty of an autumn forest canopy.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Forest 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 Forest Canopy.

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

Data visualization

#8B4000#C25E00#FF8000#FFA500#FFC04D

Palette guide

How to use Autumn Forest Canopy

Overview

The "Autumn Forest Canopy" palette presents a vibrant tapestry of burnt oranges and golden hues, capturing the rich beauty of an autumn forest canopy. It progresses from the deep, earthy brown-orange of #8B4000 through the intense oranges of #C25E00, #FF8000, and #FFA500, culminating in the luminous golden orange of #FFC04D. This collection is perfect for designs aiming to evoke natural beauty, vibrant warmth, and the immersive feel of a forest in fall. Designers and developers can utilize these striking hues for engaging web interfaces, robust branding, or evocative seasonal content.

Best used for

  • Nature and outdoor adventure themed websites
  • Autumnal event promotions and branding
  • Rustic or artisanal product packaging
  • Seasonal marketing campaigns and social media
  • User interfaces needing a vibrant, earthy feel
  • Digital art and illustrations of forest landscapes

Suggested color roles

primary

#FF8000 - A vibrant, pure orange that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#C25E00 - A deep, rich orange that provides strong support for subheadings, navigation elements, or content dividers, adding depth.

accent

#FFA500 - A bright, radiant orange that adds a luminous pop, perfect for interactive elements, highlights, or small, impactful details.

background

#FFC04D - A light, warm golden orange that offers an inviting base, allowing darker oranges to stand out.

text

#8B4000 - A deep, earthy brown-orange that provides excellent contrast against lighter shades like #FFC04D, ensuring high readability for body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #FFA500 on #FFC04D, which may be challenging for readability.
  • Use #8B4000 or a deep brown/black for body text on #FFC04D to meet WCAG AA standards.
  • Avoid using #FF8000 or #C25E00 for small text on backgrounds of similar warmth without careful contrast checking.
  • Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Canopy Glow

Creates a luminous, warm orange gradient, ideal for dynamic backgrounds, banners, or progress indicators.

#FFC04D · #FFA500 · #FF8000

Forest Depths

Combines the deepest brown-orange with a vibrant orange and a light golden orange for striking contrast and an earthy, energetic feel.

#8B4000 · #C25E00 · #FFC04D

Vivid Foliage

A powerful trio of vibrant oranges, excellent for creating high-energy visual compositions or highlighting key information.

#FF8000 · #FFA500 · #C25E00

CSS variables

:root {
  --autumn-forest-canopy-2-1: #8B4000;
  --autumn-forest-canopy-2-2: #C25E00;
  --autumn-forest-canopy-2-3: #FF8000;
  --autumn-forest-canopy-2-4: #FFA500;
  --autumn-forest-canopy-2-5: #FFC04D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-forest-canopy-2": {
        1: "#8B4000",
        2: "#C25E00",
        3: "#FF8000",
        4: "#FFA500",
        5: "#FFC04D",
      }
    }
  }
}

Related searches

autumn forest color palettevibrant orange brown schemewarm fall canopy colorsnatural seasonal ui designearthy forest glow palette

Palette colors

Hex values

Color 1#8B4000
·
Color 2#C25E00
·
Color 3#FF8000
·
Color 4#FFA500
·
Color 5#FFC04D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
3.8:1AA18
4.6:1AA
2
1.7:1Fail
1.7:1Fail
2.2:1Fail
2.6:1Fail
3
2.9:1Fail
1.7:1Fail
1.3:1Fail
1.5:1Fail
4
3.8:1AA18
2.2:1Fail
1.3:1Fail
1.2:1Fail
5
4.6:1AA
2.6:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Autumn Forest Canopy

View all warm
Harvest Leaf Glow
Rustic Autumn Road
Amber Leaf Descent
Autumn Cider Spill
Autumn Cider Warmth
Autumn Ember Glow