Back to palettes

Palette

Ancient Forest Roots

Deep, grounding greens and subtle browns, representing the enduring strength of ancient forest roots.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#224229#3F6049#6A8C74#9EBBAB#1E3722

Palette guide

How to use Ancient Forest Roots

Overview

The Ancient Forest Roots palette offers deep, grounding greens and subtle browns, representing the enduring strength of ancient forest roots. This robust collection features a very deep forest green #1E3722, a rich #224229, and a vibrant mossy #3F6049. Lighter, muted tones like #6A8C74 and #9EBBAB evoke the subtle interplay of soil and growth. It's an excellent choice for designs that aim to convey natural strength, growth, and a connection to the earth. Designers will find it perfect for creating immersive, stable user experiences, and developers can easily integrate these harmonious hex codes for a consistent and profoundly natural digital presence.

Best used for

  • Environmental conservation branding
  • Organic farming and agriculture websites
  • Outdoor equipment and apparel
  • Botanical and natural science illustrations
  • Sustainable architecture presentations
  • Educational content on ecosystems

Suggested color roles

primary

#1E3722 - A very deep, almost black-green, ideal for foundational elements, strong headers, or establishing a profound, natural mood.

secondary

#224229 - A rich, deep forest green, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

#6A8C74 - A soft, muted green that can be used for subtle highlights, interactive elements, or to provide a gentle, natural contrast.

background

#9EBBAB - A light, airy green-beige, providing a clean, fresh, and expansive backdrop. Ideal for main content areas and readability.

text

#3F6049 - This vibrant mossy green can be used for secondary text or subtle accents on lighter backgrounds. For primary body text on light backgrounds, a dark charcoal or deep forest green like #1E3722 ensures optimal readability.

Accessibility notes

  • Ensure sufficient contrast for #3F6049 text on #9EBBAB or similar light backgrounds (WCAG AA/AAA).
  • Text in #1E3722 should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
  • Avoid placing #6A8C74 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 Earth

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

#1E3722 · #224229 · #9EBBAB

Root System

Ideal for clean, readable content areas with a fresh, natural feel, evoking soil and growth.

#9EBBAB · #6A8C74 · #1E3722

Mossy Growth

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

#3F6049 · #224229 · #6A8C74

CSS variables

:root {
  --ancient-forest-roots-1: #224229;
  --ancient-forest-roots-2: #3F6049;
  --ancient-forest-roots-3: #6A8C74;
  --ancient-forest-roots-4: #9EBBAB;
  --ancient-forest-roots-5: #1E3722;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-roots": {
        1: "#224229",
        2: "#3F6049",
        3: "#6A8C74",
        4: "#9EBBAB",
        5: "#1E3722",
      }
    }
  }
}

Related searches

deep green earth paletteancient nature color schemeforest roots hex codesorganic growth colorssustainable design palette

Palette colors

Hex values

Color 1#224229
·
Color 2#3F6049
·
Color 3#6A8C74
·
Color 4#9EBBAB
·
Color 5#1E3722
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1Fail
5.4:1AA
1.2:1Fail
2
1.6:1Fail
1.9:1Fail
3.4:1AA18
1.8:1Fail
3
3:1Fail
1.9:1Fail
1.8:1Fail
3.5:1AA18
4
5.4:1AA
3.4:1AA18
1.8:1Fail
6.2:1AA
5
1.2:1Fail
1.8:1Fail
3.5:1AA18
6.2:1AA

Similar palettes

More like Ancient Forest Roots

View all Earth
Deep Woods
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Dell
Forest Bathing
Forest Whisper