Palette

Rainforest Canopy Dew

A lush, vibrant palette inspired by the rich greens and deep shadows of a misty rainforest canopy.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Canopy Dew 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 Rainforest Canopy Dew.

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

Data visualization

#8BC34A#2E8B57#004B40#6D4C41#C0C0B4

Palette guide

How to use Rainforest Canopy Dew

Overview

The "Rainforest Canopy Dew" palette offers a lush, vibrant yet grounded composition, drawing inspiration from the rich greens and deep shadows of a misty rainforest. It features a bright light green #8BC34A, a balanced sea green #2E8B57, and a profound dark teal green #004B40, providing a sophisticated range of natural hues. Complementing these are an earthy brown #6D4C41 and a cool silver sand #C0C0B4, adding depth and a touch of serene mist. This palette is exceptionally useful for designers aiming to evoke a sense of natural elegance, tranquility, and organic authenticity across digital and physical mediums.

Best used for

Sophisticated eco-friendly branding
Serene digital interfaces and websites
Artisanal product packaging
Eco-tourism marketing materials
Interior design mood boards
Nature-inspired editorial layouts

Suggested color roles

primary

Designate #2E8B57 (Sea Green) as the leading color for main content areas or primary branding, offering a strong, natural anchor.

secondary

Employ #004B40 (Dark Teal Green) for sub-sections, navigation, or footer elements, adding depth and a sense of calm.

accent

Use #8BC34A (Light Green) for interactive elements, highlights, or graphical accents that need to catch the eye with fresh vitality.

background

Apply #C0C0B4 (Silver Sand) as a light, neutral background, providing a subtle, misty canvas that allows the deeper colors to stand out.

text

For optimal legibility on light backgrounds like #C0C0B4, choose a dark, contrasting color such as #004B40 or #6D4C41.

Accessibility notes

The rich #004B40 provides excellent contrast against #C0C0B4 for body text, ensuring high readability for users.
Exercise caution when using #8BC34A for small text on #C0C0B4; ensure it meets WCAG contrast ratio requirements.
The earthy #6D4C41 offers good contrast for headings and important information against the silver sand background.
Avoid pairing #8BC34A with #2E8B57 for text unless the font size is very large, as contrast might be insufficient.

Recommended combinations

Earthy Depths

Creates a sophisticated, grounded feel, ideal for backgrounds, footers, or sections requiring a sense of stability and depth.

#004B40 · #6D4C41 · #C0C0B4

Fresh Canopy

Excellent for primary content areas, showcasing natural freshness and vibrancy against a subtle, misty backdrop.

#2E8B57 · #8BC34A · #C0C0B4

Misty Forest

Use for layered graphics or illustrations, depicting depth and the varied greens of a dense, dew-kissed forest.

#004B40 · #2E8B57 · #8BC34A

CSS variables

:root {
  --rainforest-canopy-dew-1: #8BC34A;
  --rainforest-canopy-dew-2: #2E8B57;
  --rainforest-canopy-dew-3: #004B40;
  --rainforest-canopy-dew-4: #6D4C41;
  --rainforest-canopy-dew-5: #C0C0B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-dew": {
        1: "#8BC34A",
        2: "#2E8B57",
        3: "#004B40",
        4: "#6D4C41",
        5: "#C0C0B4",
      }
    }
  }
}

Hex values

Color 1#8BC34A

Color 2#2E8B57

Color 3#004B40

Color 4#6D4C41

Color 5#C0C0B4

Accessibility

Contrast checker

2:1Fail

4.8:1AA

3.6:1AA18

1.1:1Fail

2:1Fail

2.4:1Fail

1.8:1Fail

2.3:1Fail

4.8:1AA

2.4:1Fail

1.3:1Fail

5.5:1AA

3.6:1AA18

1.8:1Fail

1.3:1Fail

4.1:1AA18

1.1:1Fail

2.3:1Fail

5.5:1AA

4.1:1AA18

Similar palettes

More like Rainforest Canopy Dew

View all earth

Canopy Emerald Burst

Emerald Canopy Shroud

Emerald Rainforest Mist

Jungle Canopy

Lush Rainforest Floor

Emerald Moss Canopy