Back to palettes

Palette

Ancient Forest Depths

Capturing the rich, damp tones of an ancient forest's undergrowth, full of mystery and life.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#4F4F2F#6B8E23#8B4513#A0522D

Palette guide

How to use Ancient Forest Depths

Overview

The Ancient Forest Depths palette captures the rich, damp tones of an ancient forest's undergrowth, full of mystery and life. This distinctive collection features deep teal-green #2F4F4F, a unique mossy yellow-green #4F4F2F, and vibrant olive #6B8E23. Contrasting these are warm, earthy browns like #8B4513 and #A0522D, evoking damp soil and old roots. It's an excellent choice for designs that aim to convey natural depth, a touch of wildness, or an organic, slightly moody atmosphere. Designers will appreciate its ability to create immersive environments, while developers can implement these hex codes to build visually rich interfaces that stand out.

Best used for

  • Mysterious or fantasy game environments
  • Organic food and beverage branding
  • Nature photography portfolios
  • Eco-tourism marketing materials
  • Wellness and aromatherapy product design
  • Dark mode UI with a natural twist

Suggested color roles

primary

#2F4F4F - A deep, cool teal-green, ideal for foundational elements, large backgrounds, or setting a mysterious tone.

secondary

#8B4513 - A rich, earthy brown, excellent for balancing the greens, providing warmth and a grounding feel for secondary sections or headings.

accent

#6B8E23 - A vibrant olive green, perfect for highlighting interactive elements, calls to action, or adding a pop of natural energy.

background

#A0522D - A warm, reddish-brown that offers a comfortable, natural backdrop. It pairs well with lighter text or as a base for earthy textures.

text

#4F4F2F - This unique mossy yellow-green can be used for secondary text or subtle accents on darker backgrounds. For main body text, a light cream or off-white ensures better readability against darker tones.

Accessibility notes

  • Ensure high contrast when using #4F4F2F text on #2F4F4F or similar dark backgrounds.
  • Text in #8B4513 will need a very light background for readability (WCAG AA/AAA).
  • Use #6B8E23 sparingly for text, primarily for accents, to maintain legibility on varying backgrounds.
  • Pair the darkest color #2F4F4F with a very light text color (e.g., off-white) for optimal contrast.

Recommended combinations

Deep Woods

Creates a rich, earthy feel for headers or prominent feature sections.

#2F4F4F · #8B4513 · #6B8E23

Moss & Bark

Excellent for organic textures, subtle gradients, or background patterns.

#4F4F2F · #A0522D · #2F4F4F

Forest Glow

Highlights key information or interactive elements with a natural vibrancy.

#6B8E23 · #2F4F4F · #8B4513

CSS variables

:root {
  --ancient-forest-depths-2-1: #2F4F4F;
  --ancient-forest-depths-2-2: #4F4F2F;
  --ancient-forest-depths-2-3: #6B8E23;
  --ancient-forest-depths-2-4: #8B4513;
  --ancient-forest-depths-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-depths-2": {
        1: "#2F4F4F",
        2: "#4F4F2F",
        3: "#6B8E23",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Related searches

dark forest color paletteearthy greens and brownsmossy wood colorsnatural deep tonesmystical forest hex codes

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#4F4F2F
·
Color 3#6B8E23
·
Color 4#8B4513
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.3:1Fail
1.3:1Fail
1.6:1Fail
2
1.1:1Fail
2.2:1Fail
1.2:1Fail
1.5:1Fail
3
2.3:1Fail
2.2:1Fail
1.9:1Fail
1.5:1Fail
4
1.3:1Fail
1.2:1Fail
1.9:1Fail
1.3:1Fail
5
1.6:1Fail
1.5:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Ancient Forest Depths

View all dark
Deep Forest Labyrinth
Deep Forest Twilight
Forest Floor Shadows
Forest Mystic Glow
Mossy Realm Shadow
Ancient Woodland Path