Back to palettes

Palette

Rainforest Canopy Light

Reflects the vibrant, layered greens and dappled light filtering through a dense jungle canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B23#126E3B#3A9B5D#8ABF6C#CCE3C7

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette (Version 2) beautifully reflects the vibrant, layered greens and dappled light filtering through a dense jungle canopy. It transitions from a deep forest green #004B23 to a rich dark emerald #126E3B, then through a balanced medium forest green #3A9B5D. Lighter hues include a soft light sage #8ABF6C and a very pale mint #CCE3C7. This gradient of greens provides a serene yet fresh feel, making it incredibly versatile for designers and developers aiming to evoke natural tranquility, growth, and eco-consciousness in their projects, from digital interfaces to sustainable product designs.

Best used for

  • Eco-friendly packaging design
  • Health and wellness brand identity
  • Nature documentary visual assets
  • Sustainable fashion marketing
  • Organic product website design
  • Garden design and landscaping visuals

Suggested color roles

primary

Utilize #126E3B (Dark Emerald Green) for foundational elements like navigation, primary calls-to-action, or key branding, providing a deep, stable anchor.

secondary

Employ #3A9B5D (Medium Forest Green) for supporting sections, subheadings, or secondary buttons, offering a balanced and natural contrast.

accent

Introduce #8ABF6C (Light Sage Green) for subtle highlights, interactive elements, or graphical accents that require a soft, fresh pop.

background

Apply #CCE3C7 (Pale Mint Green) as a refreshing, light background, allowing the deeper greens to emerge and maintaining an airy feel.

text

For optimal readability on light backgrounds like #CCE3C7, use a dark, contrasting color such as #004B23 or a deep charcoal.

Accessibility notes

  • The deep #004B23 offers excellent contrast against #CCE3C7 for body text and headings, ensuring high readability.
  • Be cautious when using #8ABF6C for small text on #CCE3C7; ensure it meets WCAG AA contrast standards, possibly requiring larger font sizes.
  • The #126E3B provides good contrast against #8ABF6C, suitable for interactive elements and important information.
  • Avoid pairing #3A9B5D with #8ABF6C for text unless the font size is very large, as contrast might be insufficient.

Recommended combinations

Dappled Light

Ideal for hero sections or prominent features, showcasing the interplay of deep shadows and filtered light.

#004B23 · #CCE3C7 · #8ABF6C

Layered Foliage

Excellent for creating depth in illustrations, infographics, or sections where a gradient of natural greens is desired.

#126E3B · #3A9B5D · #8ABF6C

Fresh Growth

Use for clean, refreshing content blocks, UI cards, or testimonials, conveying a sense of newness and vitality.

#3A9B5D · #8ABF6C · #CCE3C7

CSS variables

:root {
  --rainforest-canopy-light-2-1: #004B23;
  --rainforest-canopy-light-2-2: #126E3B;
  --rainforest-canopy-light-2-3: #3A9B5D;
  --rainforest-canopy-light-2-4: #8ABF6C;
  --rainforest-canopy-light-2-5: #CCE3C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light-2": {
        1: "#004B23",
        2: "#126E3B",
        3: "#3A9B5D",
        4: "#8ABF6C",
        5: "#CCE3C7",
      }
    }
  }
}

Related searches

dappled light green paletteeco-friendly color schemelayered green UInatural forest colorssustainable brand colors

Palette colors

Hex values

Color 1#004B23
·
Color 2#126E3B
·
Color 3#3A9B5D
·
Color 4#8ABF6C
·
Color 5#CCE3C7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1Fail
4.8:1AA
7.6:1AAA
2
1.6:1Fail
1.8:1Fail
2.9:1Fail
4.6:1AA
3
3:1Fail
1.8:1Fail
1.6:1Fail
2.6:1Fail
4
4.8:1AA
2.9:1Fail
1.6:1Fail
1.6:1Fail
5
7.6:1AAA
4.6:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Rainforest Canopy Light

View all earth
Emerald Forest Depths
Emerald Moss Canopy
Enchanted Glade Dew
Forest Fern Canopy
Forest Fern Canopy
Jade Canopy Gaze