Palette

Canopy Whisper Deep

Immersive greens echoing the dense, hushed heart of an ancient forest canopy.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canopy Whisper Deep 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 Canopy Whisper Deep.

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

Data visualization

#2E8B57#006400#6B8E23#3CB371#1E4D2B

Palette guide

How to use Canopy Whisper Deep

Overview

The Canopy Whisper Deep palette features immersive greens echoing the dense, hushed heart of an ancient forest canopy. With rich, deep hues like #2E8B57 (Sea Green), the profound #006400 (Dark Green), and the earthy #6B8E23 (Olive Drab), this palette offers a sense of calm and natural depth. The refreshing #3CB371 (Medium Sea Green) and the even darker #1E4D2B provide subtle variations, creating a sophisticated and grounding collection. It's an excellent choice for designers seeking to convey tranquility, natural wisdom, and a strong connection to untouched wilderness, ideal for serene and organic projects.

Best used for

Eco-luxury brand identity
Nature-inspired wellness and spa marketing
Documentary film titles and graphics
Sustainable architecture and interior design
Organic food and beverage packaging
Meditation or mindfulness app interfaces

Suggested color roles

primary

Use #006400 (Dark Green) for dominant backgrounds or robust headers to establish a deep, grounding foundation.

secondary

Employ #2E8B57 (Sea Green) for sub-sections, navigation, or as a rich, complementary tone that adds depth.

accent

Apply #3CB371 (Medium Sea Green) sparingly for subtle highlights, interactive elements, or to add a touch of freshness.

background

A neutral cream or deep charcoal can pair well, or use #1E4D2B as a grounding background for specific design blocks.

text

For optimal readability, use white or light grey text on #006400, #2E8B57, #6B8E23, and #1E4D2B. Dark text on #3CB371.

Accessibility notes

Ensure white or light grey text on the darker greens provides sufficient contrast for readability.
Dark text (e.g., #333333) is essential on #3CB371 for accessibility.
Avoid pairing very similar deep green tones for critical information without checking contrast ratios.
When designing interactive elements, ensure hover/active states provide clear contrast changes.

Recommended combinations

Deep Forest Calm

Ideal for sophisticated branding, large content blocks, or conveying depth and a sense of calm.

#006400 · #2E8B57 · #1E4D2B

Earthy Whisper

Perfect for creating natural web backgrounds, organic illustrations, or a serene eco-conscious design.

#6B8E23 · #3CB371 · #2E8B57

Canopy Shadows

Great for grounding elements, subtle UI features, or a refined, natural aesthetic.

#1E4D2B · #006400 · #6B8E23

CSS variables

:root {
  --canopy-whisper-deep-1: #2E8B57;
  --canopy-whisper-deep-2: #006400;
  --canopy-whisper-deep-3: #6B8E23;
  --canopy-whisper-deep-4: #3CB371;
  --canopy-whisper-deep-5: #1E4D2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canopy-whisper-deep": {
        1: "#2E8B57",
        2: "#006400",
        3: "#6B8E23",
        4: "#3CB371",
        5: "#1E4D2B",
      }
    }
  }
}

Hex values

Color 1#2E8B57

Color 2#006400

Color 3#6B8E23

Color 4#3CB371

Color 5#1E4D2B

Accessibility

Contrast checker

1.8:1Fail

1.1:1Fail

1.6:1Fail

2.3:1Fail

1.8:1Fail

2:1Fail

2.8:1Fail

1.3:1Fail

1.1:1Fail

2:1Fail

1.4:1Fail

2.6:1Fail

1.6:1Fail

2.8:1Fail

1.4:1Fail

3.7:1AA18

2.3:1Fail

1.3:1Fail

2.6:1Fail

3.7:1AA18

Similar palettes

More like Canopy Whisper Deep