Back to palettes

Palette

Ancient Forest Realm

Evoking the solemn beauty of an old-growth forest, where light barely penetrates the ancient canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Forest Realm 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 Ancient Forest Realm.

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

Data visualization

#213C2F#3B5249#708B7B#A4B49C#D9D0B4

Palette guide

How to use Ancient Forest Realm

Overview

The Ancient Forest Realm palette evokes the solemn beauty of an old-growth forest, where light barely penetrates the ancient canopy. This rich, earthy collection features a deep forest green #213C2F, a complementary mid-tone #3B5249, and a softer sage #708B7B. Lighter, natural tones like #A4B49C and #D9D0B4 add an organic contrast, hinting at dappled sunlight or ancient stone. It's an excellent choice for designs that aim to convey natural depth, a sense of history, and quiet sophistication. Designers will find it perfect for creating immersive, grounded user experiences, and developers can easily integrate these harmonious hex codes for a cohesive and refined digital presence.

Best used for

  • Historical or fantasy game environments
  • Earthy, organic product packaging
  • Nature conservation organization branding
  • Rustic and refined interior concepts
  • Documentary film graphics
  • Outdoor adventure gear marketing

Suggested color roles

primary

#213C2F - A deep, solemn forest green, ideal for foundational elements, headers, or establishing a strong, natural mood.

secondary

#3B5249 - A rich, supporting green, perfect for content blocks, subheadings, or as a background for lighter text.

accent

#A4B49C - A light, earthy green that can highlight key information, interactive elements, or provide a gentle, natural contrast.

background

#D9D0B4 - A warm, muted beige-green, providing a soft, expansive, and natural backdrop. Ideal for main content areas and readability.

text

#708B7B - This mid-tone sage green offers good readability against lighter backgrounds like #D9D0B4. For primary body text on darker backgrounds, a light cream or off-white would be recommended for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast for #708B7B text on backgrounds like #D9D0B4 (WCAG AA/AAA).
  • Text in #213C2F should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
  • Avoid placing #3B5249 text on similar mid-tone backgrounds without careful checking.
  • When using these earthy tones, ensure interactive elements have clear visual states beyond color changes.

Recommended combinations

Deep Canopy

Creates a strong, grounded, and sophisticated base for hero sections or main navigation.

#213C2F · #3B5249 · #D9D0B4

Forest Floor

Ideal for clean, readable content areas with a fresh, natural feel, evoking filtered light on the ground.

#D9D0B4 · #A4B49C · #213C2F

Ancient Stone

Perfect for subtle graphical details, borders, or secondary information, maintaining an earthy aesthetic.

#708B7B · #3B5249 · #A4B49C

CSS variables

:root {
  --ancient-forest-realm-1: #213C2F;
  --ancient-forest-realm-2: #3B5249;
  --ancient-forest-realm-3: #708B7B;
  --ancient-forest-realm-4: #A4B49C;
  --ancient-forest-realm-5: #D9D0B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-realm": {
        1: "#213C2F",
        2: "#3B5249",
        3: "#708B7B",
        4: "#A4B49C",
        5: "#D9D0B4",
      }
    }
  }
}

Related searches

deep forest green paletteearthy natural color schemeancient woodland tonesorganic muted greenssolemn nature design colors

Palette colors

Hex values

Color 1#213C2F
·
Color 2#3B5249
·
Color 3#708B7B
·
Color 4#A4B49C
·
Color 5#D9D0B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.2:1AA18
5.5:1AA
7.8:1AAA
2
1.4:1Fail
2.3:1Fail
3.9:1AA18
5.5:1AA
3
3.2:1AA18
2.3:1Fail
1.7:1Fail
2.4:1Fail
4
5.5:1AA
3.9:1AA18
1.7:1Fail
1.4:1Fail
5
7.8:1AAA
5.5:1AA
2.4:1Fail
1.4:1Fail

Similar palettes

More like Ancient Forest Realm

View all earth
Forest Floor Echoes
Ancient Forest Hush
Deep Forest Undergrowth
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Canopy