Palette

Rainforest Canopy Drip

Lush, deep greens and vibrant mossy hues that reflect the dense, humid growth of a tropical rainforest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2E00#1E5C0D#4E8A2F#9ACD67#C6E0AC

Palette guide

How to use Rainforest Canopy Drip

Overview

The "Rainforest Canopy Drip" palette is a beautiful gradient of lush, deep greens and vibrant mossy hues, reflecting the dense, humid growth of a tropical rainforest. Ranging from the profound, nearly black #0A2E00 to a vibrant dark forest green #1E5C0D, and through moss green #4E8A2F, it then brightens to a light olive green #9ACD67 and a very pale green #C6E0AC. This carefully curated sequence provides an organic flow, perfect for designers and developers seeking to evoke a sense of natural depth, tranquility, and growth in their projects. It's truly a palette for rich, immersive natural themes.

Best used for

Environmental non-profit branding
Organic food and beverage packaging
Jungle adventure game environments
Sustainable skincare product lines
Nature documentary graphics
Educational apps about ecosystems

Suggested color roles

primary

Utilize #1E5C0D (Dark Forest Green) for core elements like navigation, primary buttons, or headers, establishing a strong natural foundation.

secondary

Apply #4E8A2F (Moss Green) for supporting content blocks, subheadings, or secondary calls-to-action, adding visual interest and depth.

accent

Employ #9ACD67 (Light Olive Green) for subtle highlights, interactive elements, or key information that needs a fresh, soft pop.

background

Use #C6E0AC (Pale Green) as a light, airy background, allowing the deeper greens to truly stand out and creating a fresh, open feel.

text

For optimal readability on light backgrounds like #C6E0AC, choose a dark, contrasting color such as #0A2E00 or a deep charcoal.

Accessibility notes

The very dark #0A2E00 offers excellent contrast against #C6E0AC, making it ideal for body text and critical information.
Ensure sufficient contrast if using #9ACD67 for small text on #C6E0AC; consider using it for larger headings or accents only.
The medium #1E5C0D and #4E8A2F provide good contrast against #9ACD67 for text or interactive elements.
Always check contrast ratios, especially when layering the lighter greens for text against each other.

Recommended combinations

Deep Forest Floor

Excellent for creating a sense of depth and shadow in backgrounds, footers, or illustrations of dense foliage.

#0A2E00 · #1E5C0D · #4E8A2F

Mossy Highlights

Ideal for content blocks, infographics, or visual elements that require a lighter, fresher gradient of greens.

#4E8A2F · #9ACD67 · #C6E0AC

Canopy Light

Use for hero sections or prominent features, leveraging the strong contrast between deep darks and bright, fresh lights.

#0A2E00 · #9ACD67 · #C6E0AC

CSS variables

:root {
  --rainforest-canopy-drip-1: #0A2E00;
  --rainforest-canopy-drip-2: #1E5C0D;
  --rainforest-canopy-drip-3: #4E8A2F;
  --rainforest-canopy-drip-4: #9ACD67;
  --rainforest-canopy-drip-5: #C6E0AC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-drip": {
        1: "#0A2E00",
        2: "#1E5C0D",
        3: "#4E8A2F",
        4: "#9ACD67",
        5: "#C6E0AC",
      }
    }
  }
}

Hex values

Color 1#0A2E00

Color 2#1E5C0D

Color 3#4E8A2F

Color 4#9ACD67

Color 5#C6E0AC

Accessibility

Contrast checker

1.8:1Fail

3.6:1AA18

8.1:1AAA

10.4:1AAA

1.8:1Fail

1.9:1Fail

4.4:1AA18

5.7:1AA

3.6:1AA18

1.9:1Fail

2.3:1Fail

2.9:1Fail

8.1:1AAA

4.4:1AA18

2.3:1Fail

1.3:1Fail

10.4:1AAA

5.7:1AA

2.9:1Fail

1.3:1Fail

Similar palettes

More like Rainforest Canopy Drip

View all earth

Emerald Jungle Mystery

Ancient Forest Realm

Apothecary Bloom Green

Botanical Bloom Burst

Botanical Herb Garden

Deep Forest Undergrowth