Palette

Autumn Canopy

Rich, deep reds and earthy browns portray the vibrant, rustic beauty of an 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 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 Canopy.

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

Data visualization

#A52A2A#CD5C5C#FF4500#8B4513#6B8E23

Palette guide

How to use Autumn Canopy

Overview

The "Autumn Canopy" palette portrays the vibrant, rustic beauty of an autumn forest canopy with rich, deep reds and earthy browns. It features a profound brown-red #A52A2A, a muted coral #CD5C5C, a fiery orange-red #FF4500, a warm saddle brown #8B4513, and a deep olive green #6B8E23. This natural and earthy palette is ideal for designers looking to infuse coziness, nature, and a strong connection to the autumn season into their projects. The harmonious blend of reds, oranges, and browns, with a touch of green, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

Seasonal product marketing (fall collection)
Food and beverage branding (spices, coffee)
Home decor or interior design websites
Nature photography portfolios
Crafts and artisanal goods e-commerce
Autumnal event invitations

Suggested color roles

primary

#A52A2A - A profound brown-red, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and richness.

secondary

#8B4513 - A warm saddle brown, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#FF4500 - A fiery orange-red, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#CD5C5C - A muted coral, providing an airy and serene canvas that allows the deeper reds and browns to stand out beautifully.

text

#6B8E23 - A deep olive green that offers excellent readability on #CD5C5C or #FF4500, or use a crisp white for general body text on darkest backgrounds.

Accessibility notes

Ensure #6B8E23 or #8B4513 has sufficient contrast when used for text on #CD5C5C or #FF4500 backgrounds.
#A52A2A can be used for headings on #8B4513, but always verify contrast for smaller text.
Avoid using #FF4500 text directly on #CD5C5C, as the contrast might be insufficient.
For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Woods

Robust website footers, elegant dashboards, or professional presentations.

#8B4513 · #A52A2A · #6B8E23

Canopy Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#CD5C5C · #FF4500 · #A52A2A

Autumn Rust

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#8B4513 · #FF4500 · #CD5C5C

CSS variables

:root {
  --autumn-canopy-1: #A52A2A;
  --autumn-canopy-2: #CD5C5C;
  --autumn-canopy-3: #FF4500;
  --autumn-canopy-4: #8B4513;
  --autumn-canopy-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-canopy": {
        1: "#A52A2A",
        2: "#CD5C5C",
        3: "#FF4500",
        4: "#8B4513",
        5: "#6B8E23",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#CD5C5C

Color 3#FF4500

Color 4#8B4513

Color 5#6B8E23

Accessibility

Contrast checker

1.8:1Fail

2.1:1Fail

1:1Fail

1.9:1Fail

1.8:1Fail

1.2:1Fail

1.8:1Fail

1:1Fail

2.1:1Fail

1.2:1Fail

2.1:1Fail

1.1:1Fail

1:1Fail

1.8:1Fail

2.1:1Fail

1.9:1Fail

1:1Fail

1.1:1Fail

1.9:1Fail

Similar palettes

More like Autumn Canopy

Autumn Canopy

See it in context.

Ready when you are.

Built with Autumn Canopy.

How to use Autumn Canopy

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Woods

Canopy Glow

Autumn Rust

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Canopy