Back to palettes

Palette

Autumn Wood Glade

Captures the rich, deep colors of falling leaves and ancient trees in a serene autumn glade.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Wood Glade 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 Wood Glade.

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

Data visualization

#6F4F28#8B0000#CD5C5C#D2B48C#A0522D

Palette guide

How to use Autumn Wood Glade

Overview

The Autumn Wood Glade palette captures the rich, deep colors of falling leaves and ancient trees in a serene autumn glade. It features a deep brown (#6F4F28) for strong grounding, and a commanding dark red (#8B0000). A medium coral red (#CD5C5C) adds a softer, inviting touch, while a light tan (#D2B48C) provides a delicate, creamy highlight. A deep russet (#A0522D) offers essential earthy depth. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and a serene aesthetic. From seasonal marketing and nature-inspired branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Nature-themed website and blog design
  • Rustic brand identity for outdoor products
  • Autumnal event invitations
  • Digital illustrations of landscapes
  • Cozy home decor mockups
  • Environmental awareness campaigns

Suggested color roles

primary

Utilize #8B0000 as a commanding primary color for strong foundational elements or significant content sections, conveying rustic depth.

secondary

Employ #6F4F28 for secondary headings or important content blocks, adding a warm and inviting brown hue.

accent

Highlight interactive elements or key information with #CD5C5C to provide a soft, yet noticeable accent.

background

A light, expansive background of #D2B48C creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #A0522D or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #A0522D text and #D2B48C background for WCAG AA compliance.
  • Avoid using #CD5C5C for small text on #D2B48C backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the red-brown spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #6F4F28 and #A0522D.

Recommended combinations

Glade Ground

Creates a deep, grounded base with rustic accents and a soft highlight, excellent for footers or natural headers.

#6F4F28 · #A0522D · #D2B48C

Autumnal Red

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke falling leaves.

#8B0000 · #CD5C5C · #6F4F28

Earthy Cream

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#D2B48C · #8B0000 · #A0522D

CSS variables

:root {
  --autumn-wood-glade-1: #6F4F28;
  --autumn-wood-glade-2: #8B0000;
  --autumn-wood-glade-3: #CD5C5C;
  --autumn-wood-glade-4: #D2B48C;
  --autumn-wood-glade-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-wood-glade": {
        1: "#6F4F28",
        2: "#8B0000",
        3: "#CD5C5C",
        4: "#D2B48C",
        5: "#A0522D",
      }
    }
  }
}

Related searches

autumn wood color paletterustic red brown schemenature glade hex codesseasonal fall designearthy comfort colors

Palette colors

Hex values

Color 1#6F4F28
·
Color 2#8B0000
·
Color 3#CD5C5C
·
Color 4#D2B48C
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3.8:1AA18
1.3:1Fail
2
1.3:1Fail
2.5:1Fail
5.1:1AA
1.8:1Fail
3
1.9:1Fail
2.5:1Fail
2:1Fail
1.4:1Fail
4
3.8:1AA18
5.1:1AA
2:1Fail
2.8:1Fail
5
1.3:1Fail
1.8:1Fail
1.4:1Fail
2.8:1Fail

Similar palettes

More like Autumn Wood Glade

View all earth