Back to palettes

Palette

Emerald Canopy Depths

Plunge into the mysterious, verdant depths of an ancient forest, rich with deep emerald greens.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Canopy 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 Emerald Canopy Depths.

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

Data visualization

#006400#228B22#355E3B#008000#004D40

Palette guide

How to use Emerald Canopy Depths

Overview

The Emerald Canopy Depths palette plunges into the mysterious, verdant depths of an ancient forest, rich with deep emerald greens. This intense collection features dark green (#006400), vibrant forest green (#228B22), a muted dark green (#355E3B), a standard dark green (#008000), and a very deep forest green (#004D40). Ideal for designers and developers seeking a profound, dramatic, and natural aesthetic, this palette is perfect for projects that convey mystery, richness, and a powerful connection to nature's untouched grandeur, like the heart of a dense, ancient woodland.

Best used for

  • Mysterious brand identities or logos
  • Dark mode interfaces for nature apps
  • Gaming environments for fantasy or adventure
  • Packaging for premium, artisanal spirits
  • Digital art depicting deep forest or cave scenes
  • Brand identities for conservation organizations

Suggested color roles

primary

Very deep forest green (#004D40) serves as a grounding primary, perfect for headers, navigation, or strong brand elements, providing intense depth and stability.

secondary

Dark green (#006400) acts as a rich secondary, ideal for subheadings, interactive components, or sections needing a profound, enveloping green.

accent

Vibrant forest green (#228B22) offers a subtle accent, perfect for highlights, small icons, or decorative details that add a touch of natural vibrancy without overpowering.

background

Muted dark green (#355E3B) provides a subtle, deep background, excellent for content areas or large sections where atmosphere and a dark aesthetic are desired.

text

Very deep forest green (#004D40) works well for body text on lighter backgrounds or use a crisp white on the darker shades for maximum legibility and a dramatic effect.

Accessibility notes

  • White text on very deep forest green (#004D40) or dark green (#006400) provides excellent contrast for readability.
  • Ensure sufficient contrast if using vibrant forest green (#228B22) for text on the muted dark green (#355E3B) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing standard dark green (#008000) on muted dark green (#355E3B) for critical text due to potential low contrast.

Recommended combinations

Deep Forest Mystery

Creates a profound, immersive depth, ideal for backgrounds, main content areas, or sophisticated graphic elements.

#004D40 · #006400 · #355E3B

Verdant Glimmer

Excellent for highlights, interactive elements, or bringing a subtle, natural vibrancy to the design against a dark base.

#228B22 · #008000 · #004D40

Canopy Shroud

Provides a balanced and atmospheric combination for subheadings, descriptive text, or subtle background patterns.

#006400 · #355E3B · #228B22

CSS variables

:root {
  --emerald-canopy-depths-1: #006400;
  --emerald-canopy-depths-2: #228B22;
  --emerald-canopy-depths-3: #355E3B;
  --emerald-canopy-depths-4: #008000;
  --emerald-canopy-depths-5: #004D40;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-depths": {
        1: "#006400",
        2: "#228B22",
        3: "#355E3B",
        4: "#008000",
        5: "#004D40",
      }
    }
  }
}

Related searches

emerald green dark palettedeep forest color schememysterious nature web designdark green UI colorsverdant depths brand identity

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#355E3B
·
Color 4#008000
·
Color 5#004D40
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1:1Fail
1.4:1Fail
1.3:1Fail
2
1.7:1Fail
1.7:1Fail
1.2:1Fail
2.2:1Fail
3
1:1Fail
1.7:1Fail
1.5:1Fail
1.3:1Fail
4
1.4:1Fail
1.2:1Fail
1.5:1Fail
1.9:1Fail
5
1.3:1Fail
2.2:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Emerald Canopy Depths

View all dark
Dark Forest Lore
Deep Forest Lumina
Deep Forest Mystery
Deep Forest Twilight
Deep Undergrowth Shadow
Enchanted Evergreen Depth