Back to palettes

Palette

Autumn Forest Canopy

Rich browns and golden hues mimic the dense, colorful foliage of a forest in autumn's embrace.

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

#8B4513#CD853F#DAA520#556B2F#6F4E37

Palette guide

How to use Autumn Forest Canopy

Overview

The "Autumn Forest Canopy" palette captures the dense, colorful foliage of a forest in autumn's embrace, with rich browns and golden hues. It features the deep, earthy brown of #8B4513 and the warm, sandy brown of #CD853F. These are beautifully complemented by the radiant golden yellow of #DAA520, the muted olive green of #556B2F, and the grounding dark brown of #6F4E37. This collection is perfect for designs aiming to evoke natural beauty, rustic charm, and a sense of calm earthiness. Designers and developers can utilize these harmonious hues for creating inviting interfaces, organic branding, or evocative seasonal content.

Best used for

  • Eco-friendly or sustainable brand identities
  • Nature preserve websites or educational materials
  • Rustic home decor or artisanal product e-commerce
  • Autumnal themed event invitations and decor
  • User interfaces with an earthy, calming feel
  • Digital art and illustrations of forest landscapes

Suggested color roles

primary

#CD853F - A warm, sandy brown that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#DAA520 - A radiant golden yellow that provides a luminous supporting role for subheadings, highlights, or secondary navigation.

accent

#556B2F - A muted olive green that adds a subtle natural contrast, perfect for interactive elements, icons, or subtle decorative details.

background

#6F4E37 - A deep, rich brown that provides a strong, earthy base, allowing lighter browns and golds to stand out.

text

Light cream or white for optimal readability against dark backgrounds like #6F4E37. For text on #CD853F, use #8B4513.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #CD853F or #DAA520 for text on #6F4E37 or #8B4513. White or light cream is recommended.
  • Use a light cream or white for body text on #6F4E37 to meet WCAG AA standards.
  • Avoid using #556B2F for small text on dark brown backgrounds without careful contrast checking.
  • Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Earthy Gold

Creates a warm gradient from gold to deep brown, ideal for headers, prominent visuals, or layered elements.

#DAA520 · #CD853F · #8B4513

Forest Floor

Combines deep brown with olive green and golden yellow for a natural, grounded, and subtly vibrant look.

#6F4E37 · #556B2F · #DAA520

Rustic Harmony

A balanced blend of browns and gold, excellent for creating inviting sections or visual accents.

#CD853F · #8B4513 · #DAA520

CSS variables

:root {
  --autumn-forest-canopy-1: #8B4513;
  --autumn-forest-canopy-2: #CD853F;
  --autumn-forest-canopy-3: #DAA520;
  --autumn-forest-canopy-4: #556B2F;
  --autumn-forest-canopy-5: #6F4E37;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-forest-canopy": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#DAA520",
        4: "#556B2F",
        5: "#6F4E37",
      }
    }
  }
}

Related searches

autumn forest color paletteearthy brown green goldnatural fall canopy colorsrustic seasonal ui designcalming woodland palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#DAA520
·
Color 4#556B2F
·
Color 5#6F4E37
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.2:1AA18
1.2:1Fail
1:1Fail
2
2.4:1Fail
1.3:1Fail
2:1Fail
2.5:1Fail
3
3.2:1AA18
1.3:1Fail
2.7:1Fail
3.3:1AA18
4
1.2:1Fail
2:1Fail
2.7:1Fail
1.3:1Fail
5
1:1Fail
2.5:1Fail
3.3:1AA18
1.3:1Fail

Similar palettes

More like Autumn Forest Canopy

View all warm
Autumn Leaf Ember
Ember Grove Twilight
Maple Leaf Canopy
Spiced Harvest Table
Woodland Ember Foliage
Amber Leaf Descent