Back to palettes

Palette

Maple Leaf Ember

Evokes the rich, comforting hues of a forest floor in autumn, illuminated by a warm, fading light.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Maple Leaf Ember 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 Maple Leaf Ember.

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

Data visualization

#A52A2A#B8860B#CD853F#556B2F#8B4513

Palette guide

How to use Maple Leaf Ember

Overview

The Maple Leaf Ember palette evokes the rich, comforting hues of a forest floor in autumn, illuminated by a warm, fading light. This earthy and cozy collection features a muted red-brown (#A52A2A) and a warm saddle brown (#8B4513), perfectly capturing the essence of fallen leaves. A brighter, golden-orange (#CD853F) provides a subtle ember-like glow, complemented by a deep olive green (#556B2F) for a touch of natural contrast. A warm goldenrod (#B8860B) rounds out the palette, offering a lighter, inviting base. This palette is excellent for designs seeking a natural, rustic, and comforting aesthetic.

Best used for

  • Rustic home decor and interior design themes
  • Outdoor lifestyle brands and apparel
  • Eco-friendly product packaging or nature-inspired branding
  • Websites or blogs focused on gardening, crafts, or sustainability
  • Seasonal menus for farm-to-table restaurants
  • Editorial designs for autumn-themed publications

Suggested color roles

primary

Utilize #A52A2A (Indian Red) for primary headings, brand logos, or key UI elements to establish a warm, grounded presence.

secondary

Employ #8B4513 (Saddle Brown) for supporting content, background sections, or textural elements, reinforcing the earthy feel.

accent

Apply #CD853F (Peru) sparingly for highlights, interactive components, or call-to-action buttons, offering a bright, ember-like pop.

background

Use #B8860B (Dark Goldenrod) for lighter background areas or cards, providing a warm, inviting base that allows darker colors to shine.

text

Select #556B2F (Dark Olive Green) for body text and crucial information, ensuring excellent contrast and a unique, organic feel against the lighter browns and golds.

Accessibility notes

  • Ensure #556B2F text on #B8860B or #CD853F backgrounds meets WCAG contrast requirements for readability.
  • Avoid placing #CD853F directly on #B8860B for small text; use it for larger elements to ensure visibility.
  • Leverage the strong contrast of #556B2F against any lighter color in the palette for essential text.
  • For headings or larger text in #A52A2A or #8B4513, ensure the background provides sufficient luminance contrast.

Recommended combinations

Earthy Glow

Ideal for a warm, inviting header or a product feature section, balancing brightness with rich earth tones.

#B8860B · #CD853F · #A52A2A

Forest Contrast

Excellent for text-heavy sections, creating a natural and legible aesthetic with good depth.

#556B2F · #B8860B · #8B4513

Rustic Ember

A robust combination for branding, impactful UI elements, or accentuating natural textures in design.

#A52A2A · #8B4513 · #CD853F

CSS variables

:root {
  --maple-leaf-ember-1: #A52A2A;
  --maple-leaf-ember-2: #B8860B;
  --maple-leaf-ember-3: #CD853F;
  --maple-leaf-ember-4: #556B2F;
  --maple-leaf-ember-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "maple-leaf-ember": {
        1: "#A52A2A",
        2: "#B8860B",
        3: "#CD853F",
        4: "#556B2F",
        5: "#8B4513",
      }
    }
  }
}

Related searches

earthy autumn color palettecozy fall design colorsrustic nature huesmuted red brown paletteforest floor color scheme

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#B8860B
·
Color 3#CD853F
·
Color 4#556B2F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.4:1Fail
1.2:1Fail
1:1Fail
2
2.2:1Fail
1.1:1Fail
1.8:1Fail
2.2:1Fail
3
2.4:1Fail
1.1:1Fail
2:1Fail
2.4:1Fail
4
1.2:1Fail
1.8:1Fail
2:1Fail
1.2:1Fail
5
1:1Fail
2.2:1Fail
2.4:1Fail
1.2:1Fail

Similar palettes

More like Maple Leaf Ember

View all earth
Farmhouse Charm
Forest Floor Canopy
Harvest Moon
Rustic Farmhouse Kitchen
Adobe Sunset
Aged Wood Stain