Palette

Emerald Canopy Shroud

A dense, rich spectrum of emeralds and forest greens, capturing the dark, cool mystery of a hidden rainforest canopy.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#3CB371#8FBC8F#1E4D2B

Palette guide

How to use Emerald Canopy Shroud

Overview

The Emerald Canopy Shroud palette offers a dense, rich spectrum of emeralds and forest greens, capturing the dark, cool mystery of a hidden rainforest canopy. This intense collection features dark green (#006400), vibrant forest green (#228B22), a medium sea green (#3CB371), a muted dark sea green (#8FBC8F), and a very deep forest green (#1E4D2B). 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 rainforest.

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 rainforest scenes
Brand identities for conservation organizations

Suggested color roles

primary

Very deep forest green (#1E4D2B) 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

Medium sea green (#3CB371) offers a subtle accent, perfect for highlights, small icons, or decorative details that add a touch of natural vibrancy without overpowering.

background

Muted dark sea green (#8FBC8F) 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 (#1E4D2B) 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 (#1E4D2B) or dark green (#006400) provides excellent contrast for readability.
Ensure sufficient contrast if using vibrant forest green (#228B22) for text on the muted dark sea green (#8FBC8F) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
Avoid placing medium sea green (#3CB371) on muted dark sea green (#8FBC8F) for critical text due to potential low contrast.

Recommended combinations

Rainforest Mystery

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

#1E4D2B · #006400 · #228B22

Verdant Glimmer

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

#3CB371 · #8FBC8F · #006400

Canopy Shadow

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

#228B22 · #8FBC8F · #1E4D2B

CSS variables

:root {
  --emerald-canopy-shroud-1: #006400;
  --emerald-canopy-shroud-2: #228B22;
  --emerald-canopy-shroud-3: #3CB371;
  --emerald-canopy-shroud-4: #8FBC8F;
  --emerald-canopy-shroud-5: #1E4D2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-shroud": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#8FBC8F",
        5: "#1E4D2B",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#3CB371

Color 4#8FBC8F

Color 5#1E4D2B

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.5:1AA18

1.3:1Fail

1.7:1Fail

1.6:1Fail

2:1Fail

2.2:1Fail

2.8:1Fail

1.6:1Fail

1.2:1Fail

3.7:1AA18

3.5:1AA18

2:1Fail

1.2:1Fail

4.5:1AA

1.3:1Fail

2.2:1Fail

3.7:1AA18

4.5:1AA

Similar palettes

More like Emerald Canopy Shroud

View all earth

Canopy Emerald Burst

Emerald Rainforest Mist

Jungle Canopy

Jungle Canopy Emerald

Jungle Canopy Glint

Lush Rainforest Floor