Back to palettes

Palette

Ancient Forest Depths

Delve into the muted greens and hushed grays of an ancient, shadowed forest.

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

#2C3531#3F524A#6C7D73#A5B2AA#50615A

Palette guide

How to use Ancient Forest Depths

Overview

The Ancient Forest Depths palette delves into the muted greens and hushed grays of an ancient, shadowed forest, offering a serene and sophisticated color scheme. This collection features a deep charcoal green #2C3531, a rich forest green #3F524A, and a soft, muted sage #6C7D73. Lighter tones like #A5B2AA provide gentle contrast, while #50615A acts as a versatile mid-tone. It's an excellent choice for designs that require a calming, elegant, and understated natural aesthetic. Designers will find it perfect for creating immersive, tranquil user experiences, and developers can easily integrate these harmonious hex codes for a cohesive and refined digital presence.

Best used for

  • Luxury spa and wellness branding
  • Architectural firm websites
  • High-end natural product packaging
  • Minimalist interior design concepts
  • Sustainable fashion brand identity
  • Calm and focused productivity apps

Suggested color roles

primary

#2C3531 - A deep, sophisticated charcoal green, ideal for main backgrounds, navigation, or strong brand statements.

secondary

#3F524A - A rich, muted forest green, perfect for supporting content blocks, subheadings, or as an accent to the primary.

accent

#6C7D73 - A soft, desaturated sage green that can be used for subtle highlights, interactive elements, or secondary calls to action.

background

#50615A - A versatile mid-tone green-gray, providing a balanced and calming backdrop that works well with both darker and lighter text.

text

#A5B2AA - This light green-gray offers good readability against darker shades like #2C3531 or #3F524A, providing a soft contrast. For primary body text, a dark charcoal or near-black would also work well against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for #A5B2AA text on backgrounds like #50615A.
  • Text in #2C3531 should be paired with a very light color (e.g., off-white) to meet WCAG contrast guidelines.
  • Avoid using #6C7D73 for small text on similar mid-tone backgrounds.
  • When using these muted tones, ensure interactive elements have clear visual states beyond color changes.

Recommended combinations

Shadowed Path

Excellent for a dark, sophisticated theme with clear hierarchy.

#2C3531 · #3F524A · #A5B2AA

Misty Grove

Creates a serene, balanced feel for content blocks or section dividers.

#50615A · #6C7D73 · #2C3531

Subtle Accent

Ideal for highlights, borders, or subtle graphical elements.

#A5B2AA · #3F524A · #6C7D73

CSS variables

:root {
  --ancient-forest-depths-1: #2C3531;
  --ancient-forest-depths-2: #3F524A;
  --ancient-forest-depths-3: #6C7D73;
  --ancient-forest-depths-4: #A5B2AA;
  --ancient-forest-depths-5: #50615A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-depths": {
        1: "#2C3531",
        2: "#3F524A",
        3: "#6C7D73",
        4: "#A5B2AA",
        5: "#50615A",
      }
    }
  }
}

Related searches

muted forest green palettedark sage color schemecalm earthy tonesshadowed green hex codessophisticated nature colors

Palette colors

Hex values

Color 1#2C3531
·
Color 2#3F524A
·
Color 3#6C7D73
·
Color 4#A5B2AA
·
Color 5#50615A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
5.7:1AA
1.9:1Fail
2
1.5:1Fail
1.9:1Fail
3.8:1AA18
1.3:1Fail
3
2.9:1Fail
1.9:1Fail
2:1Fail
1.5:1Fail
4
5.7:1AA
3.8:1AA18
2:1Fail
3:1Fail
5
1.9:1Fail
1.3:1Fail
1.5:1Fail
3:1Fail

Similar palettes

More like Ancient Forest Depths

View all dark
Dark Forest Glade
Dark Forest Undergrowth
Deep Forest Canopy
Deep Forest Twilight
Deep Forest Verdure
Mythic Wood Mist