Back to palettes

Palette

Autumn Leaf Canopy

A cozy blend of deep browns and fiery oranges, reminiscent of a vibrant autumn forest canopy.

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

#4A2E1D#7F4F30#B47144#E99359#FFB47F

Palette guide

How to use Autumn Leaf Canopy

Overview

The Autumn Leaf Canopy palette is a cozy blend of deep browns and fiery oranges, reminiscent of a vibrant autumn forest canopy. This natural collection offers designers and developers a warm and inviting spectrum, perfect for creating comforting and grounded experiences. Featuring deep #4A2E1D, rich #7F4F30, robust #B47144, vibrant #E99359, and luminous #FFB47F, this palette provides versatility. Its smooth transition from dark chocolate to soft amber creates a soothing visual flow, ideal for projects that aim to convey warmth, tradition, and the delightful essence of autumnal beauty, perfect for seasonal or rustic themes.

Best used for

  • cozy lifestyle blogs
  • fall fashion layouts
  • nature photography showcases
  • artisanal goods branding
  • autumn event invitations
  • rustic home decor e-commerce

Suggested color roles

primary

#4A2E1D - A deep, rich chocolate brown, excellent for foundational elements, large headers, or backgrounds that provide strong stability and warmth.

secondary

#7F4F30 - A robust, warm brown, perfect for supporting content blocks, navigation, or as a strong, earthy base for lighter accents.

accent

#E99359 - A vibrant, medium orange, ideal for calls to action, important highlights, or decorative elements that add a cheerful glow.

background

#FFB47F - A very light, luminous amber, provides a soft, warm, and highly readable backdrop for most text and UI elements.

text

#4A2E1D - For primary body text on light backgrounds like #FFB47F or #E99359, offering excellent readability and maintaining the palette's deep, warm tone.

Accessibility notes

  • Ensure #4A2E1D or #7F4F30 text on #FFB47F or #E99359 backgrounds meets WCAG AA contrast standards.
  • Avoid using #E99359 or #B47144 for small text directly on #FFB47F due to potential low contrast.
  • For critical information, use the darkest colors (#4A2E1D, #7F4F30) for text against the lightest background (#FFB47F).
  • White or a very light cream provides excellent contrast for text on #4A2E1D, #7F4F30, and #B47144.

Recommended combinations

Canopy Depth

Creates a rich, grounded contrast, perfect for strong branding or prominent calls to action.

#4A2E1D · #7F4F30 · #FFB47F

Fiery Glow

Ideal for smooth transitions in backgrounds, layered elements, or visual storytelling of autumn leaves.

#7F4F30 · #B47144 · #E99359

Soft Amber

Provides a clean, readable layout with a strong dark text option and a soft, warm accent.

#FFB47F · #4A2E1D · #E99359

CSS variables

:root {
  --autumn-leaf-canopy-3-1: #4A2E1D;
  --autumn-leaf-canopy-3-2: #7F4F30;
  --autumn-leaf-canopy-3-3: #B47144;
  --autumn-leaf-canopy-3-4: #E99359;
  --autumn-leaf-canopy-3-5: #FFB47F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-leaf-canopy-3": {
        1: "#4A2E1D",
        2: "#7F4F30",
        3: "#B47144",
        4: "#E99359",
        5: "#FFB47F",
      }
    }
  }
}

Related searches

autumn brown orange palettefall leaf canopy colorscozy warm earthy tonesnatural forest aestheticchocolate amber palette

Palette colors

Hex values

Color 1#4A2E1D
·
Color 2#7F4F30
·
Color 3#B47144
·
Color 4#E99359
·
Color 5#FFB47F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
5.2:1AA
7.1:1AAA
2
1.8:1Fail
1.8:1Fail
2.9:1Fail
3.9:1AA18
3
3.2:1AA18
1.8:1Fail
1.6:1Fail
2.2:1Fail
4
5.2:1AA
2.9:1Fail
1.6:1Fail
1.4:1Fail
5
7.1:1AAA
3.9:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Autumn Leaf Canopy

View all earth
Orchard Grove Bounty
Rustic Autumn Abundance
Rustic Orchard
Spicy Earth Harvest
Ancient Clay Vessel
Autumn Canopy