Back to palettes

Palette

Autumn Leaf Canopy

Rich, warm tones capture the vibrant tapestry of leaves in an autumnal forest canopy, deep and comforting.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#DAA520#B87333#6B8E23#8B4513

Palette guide

How to use Autumn Leaf Canopy

Overview

The Autumn Leaf Canopy palette captures the vibrant tapestry of leaves in an autumnal forest canopy, deep and comforting. This earthy collection offers designers and developers a rich range of browns, golds, and a touch of green, perfect for creating natural and grounded experiences. Featuring deep #A0522D, golden #DAA520, robust #B87333, fresh #6B8E23, and warm #8B4513, this palette provides versatility. Its harmonious blend of natural tones creates a soothing visual flow, ideal for projects that aim to convey rustic charm, environmental themes, or the serene beauty of a fall forest, perfect for outdoor or natural branding.

Best used for

  • nature-themed websites
  • eco-conscious branding
  • outdoor adventure marketing
  • fall event promotions
  • rustic home decor
  • environmental non-profit materials

Suggested color roles

primary

#A0522D - A deep, grounding sienna, excellent for foundational elements, large headers, or backgrounds that establish richness and natural stability.

secondary

#8B4513 - A robust saddle brown, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#6B8E23 - A muted olive green, provides a crucial natural contrast, ideal for icons, subtle decorative elements, or to represent growth.

background

#DAA520 - A warm, muted goldenrod, offers a soft and inviting backdrop that supports readability and complements the deeper tones.

text

#A0522D - For primary body text on light backgrounds like #DAA520, offering excellent readability and maintaining the palette's natural, earthy tone.

Accessibility notes

  • Ensure #A0522D or #8B4513 text on #DAA520 backgrounds meets WCAG AA contrast standards.
  • Avoid using #B87333 for small text directly on #DAA520 due to potential low contrast.
  • The green #6B8E23 provides good contrast against #DAA520, suitable for text or interactive elements.
  • Consider white or a very light cream for text on #A0522D, #8B4513, or #6B8E23 for maximum readability.

Recommended combinations

Forest Floor

Creates a grounded, natural look, perfect for environmental themes or rustic branding.

#A0522D · #8B4513 · #6B8E23

Golden Canopy

Ideal for a warm, inviting gradient, suitable for hero sections or visual storytelling of autumn landscapes.

#DAA520 · #B87333 · #A0522D

Earthy Highlight

Provides a fresh accent against warm, earthy tones, excellent for calls to action or key information.

#6B8E23 · #DAA520 · #8B4513

CSS variables

:root {
  --autumn-leaf-canopy-2-1: #A0522D;
  --autumn-leaf-canopy-2-2: #DAA520;
  --autumn-leaf-canopy-2-3: #B87333;
  --autumn-leaf-canopy-2-4: #6B8E23;
  --autumn-leaf-canopy-2-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-canopy-2": {
        1: "#A0522D",
        2: "#DAA520",
        3: "#B87333",
        4: "#6B8E23",
        5: "#8B4513",
      }
    }
  }
}

Related searches

autumn forest colorsleaf canopy paletteearthy fall tonesrustic nature color schemebrown gold green palette

Palette colors

Hex values

Color 1#A0522D
·
Color 2#DAA520
·
Color 3#B87333
·
Color 4#6B8E23
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.5:1Fail
1.5:1Fail
1.3:1Fail
2
2.5:1Fail
1.7:1Fail
1.7:1Fail
3.2:1AA18
3
1.5:1Fail
1.7:1Fail
1:1Fail
1.9:1Fail
4
1.5:1Fail
1.7:1Fail
1:1Fail
1.9:1Fail
5
1.3:1Fail
3.2:1AA18
1.9:1Fail
1.9:1Fail

Similar palettes

More like Autumn Leaf Canopy

View all earth
Forest Floor Whispers
Mystical Forest Floor
Autumn Canopy
Autumn Wood Glade
Fallen Leaves
Forest Floor Canopy