Back to palettes

Palette

Charred Earth Legacy

Deep, powerful tones of earth after fire, signifying a powerful, enduring legacy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Charred Earth Legacy 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 Charred Earth Legacy.

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

Data visualization

#36454F#5C4033#8B4513#2F4F4F#800000

Palette guide

How to use Charred Earth Legacy

Overview

The Charred Earth Legacy palette evokes deep, powerful tones of earth after fire, signifying a powerful, enduring legacy. This robust collection features grounding charcoals like #36454F and #2F4F4F, complemented by rich, burnt browns #5C4033 and #8B4513, and a striking, deep red #800000. For designers and developers, this palette offers a unique blend of dark neutrals and earthy warmth, perfect for projects that require a sense of strength, history, or rustic elegance. It provides a strong, authoritative foundation, ideal for branding or interfaces that aim to convey resilience and a connection to natural, raw power.

Best used for

  • Heritage brands and artisanal products
  • Outdoor adventure and survival gear branding
  • Rustic interior design concepts
  • Documentaries or historical content platforms
  • Men's fashion and lifestyle brands
  • Packaging for gourmet coffee or craft spirits

Suggested color roles

primary

Utilize #36454F as the foundational color for main backgrounds, navigation, and primary branding elements.

secondary

Employ #2F4F4F for major content blocks, prominent headers, or to provide subtle visual separation.

accent

Apply #800000 for powerful calls-to-action, critical alerts, or key branding elements to draw immediate attention.

background

Choose #36454F or #2F4F4F for a deep, earthy background. #5C4033 can also serve as a rich background.

text

For dark backgrounds, use a near-white or light beige text color. For headings on lighter darks like #5C4033, #36454F works well.

Accessibility notes

  • Ensure a light text color (e.g., #F5DEB3 from other palettes or pure white) on #36454F or #800000 backgrounds meets WCAG contrast.
  • Avoid using #5C4033 text on #2F4F4F backgrounds for small text, as contrast may be insufficient.
  • Always test #800000 against all darker shades for sufficient contrast, particularly for critical interactive elements.
  • Use #8B4513 for headings or accents on very dark backgrounds, but ensure surrounding text has higher contrast.

Recommended combinations

Earthy Power

Strong combination for hero sections: deep charcoal background, powerful red accent for CTAs, and rich brown for supporting elements.

#36454F · #800000 · #5C4033

Rustic Layers

Create layered depth in UI components or illustrations, mimicking natural earth and wood tones.

#2F4F4F · #5C4033 · #8B4513

Legacy Contrast

Use #800000 for impactful headings on a #36454F background, with #8B4513 for secondary details or accents.

#800000 · #36454F · #8B4513

CSS variables

:root {
  --charred-earth-legacy-1: #36454F;
  --charred-earth-legacy-2: #5C4033;
  --charred-earth-legacy-3: #8B4513;
  --charred-earth-legacy-4: #2F4F4F;
  --charred-earth-legacy-5: #800000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "charred-earth-legacy": {
        1: "#36454F",
        2: "#5C4033",
        3: "#8B4513",
        4: "#2F4F4F",
        5: "#800000",
      }
    }
  }
}

Related searches

charred earth tones paletterustic dark color schemeburnt orange and charcoalpowerful earth colorslegacy brand palette

Palette colors

Hex values

Color 1#36454F
·
Color 2#5C4033
·
Color 3#8B4513
·
Color 4#2F4F4F
·
Color 5#800000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail
2
1.1:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
3
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.5:1Fail
4
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.2:1Fail
5
1.1:1Fail
1.2:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Charred Earth Legacy

View all dark
Ancient Rune Carve
Cozy Hearthside Gloom
Crater Lake Depth
Shipwreck Relic Deep
Volcanic Obsidian Edge
Abyss Gaze