Palette

Rainforest Canopy Light

Deep, lush greens illuminated by sun-drenched accents, portraying the vibrant, rich canopy of a rainforest.

vibrantnatural5 colors

More vibrant 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

#0A4A1F#2A7A4C#5CB37A#073815#042A0F

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette offers a sophisticated range of deep, vibrant greens, perfectly capturing the dense, sun-drenched layers of a tropical rainforest. From the rich #0A4A1F and #073815 to the brighter #5CB37A, this collection is ideal for designers seeking to evoke natural luxury and profound depth. The very dark #042A0F provides a strong foundation, while #2A7A4C offers a versatile mid-tone. This palette is excellent for creating high-end, eco-conscious branding or digital experiences that require a refined yet lush aesthetic, conveying both vitality and elegance.

Best used for

Luxury eco-resort branding
High-end organic cosmetics
Environmental conservation websites
Documentary film branding
Sustainable luxury fashion
Nature photography portfolios

Suggested color roles

primary

Designate #0A4A1F as the core brand color for strong headlines, main calls-to-action, or dominant graphical elements.

secondary

Use #2A7A4C for supporting navigation, subheadings, and content blocks to provide visual structure.

accent

Apply #5CB37A as a vibrant highlight for interactive elements, key information, or eye-catching details.

background

For a deep, immersive theme, use #073815 as a rich background. Alternatively, pair with a very light off-white.

text

On dark backgrounds, use white or a very light gray. For light backgrounds, #042A0F provides excellent, deep contrast.

Accessibility notes

Ensure #5CB37A has sufficient contrast when used for text, especially against lighter backgrounds.
The very dark #042A0F provides excellent contrast for white or light gray text, ensuring readability.
Avoid using #2A7A4C text on a similar dark green background without strong contrast verification.
Always test text against chosen backgrounds to meet WCAG AA standards, particularly for smaller fonts.

Recommended combinations

Deep Forest

A solid dark base with an even deeper grounding and a vibrant, contrasting pop for key elements.

#0A4A1F · #042A0F · #5CB37A

Canopy Light

Mid-tone green with a bright, airy accent, anchored by a deeper primary for visual balance.

#2A7A4C · #5CB37A · #0A4A1F

Rich Contrast

Deep, dark background providing excellent contrast for bright, legible elements and accents.

#073815 · #5CB37A · #2A7A4C

CSS variables

:root {
  --rainforest-canopy-light-1: #0A4A1F;
  --rainforest-canopy-light-2: #2A7A4C;
  --rainforest-canopy-light-3: #5CB37A;
  --rainforest-canopy-light-4: #073815;
  --rainforest-canopy-light-5: #042A0F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light": {
        1: "#0A4A1F",
        2: "#2A7A4C",
        3: "#5CB37A",
        4: "#073815",
        5: "#042A0F",
      }
    }
  }
}

Hex values

Color 1#0A4A1F

Color 2#2A7A4C

Color 3#5CB37A

Color 4#073815

Color 5#042A0F

Accessibility

Contrast checker

2:1Fail

4.1:1AA18

1.3:1Fail

1.5:1Fail

2:1Fail

2.1:1Fail

2.5:1Fail

3:1Fail

4.1:1AA18

2.1:1Fail

5.2:1AA

6.1:1AA

1.3:1Fail

2.5:1Fail

5.2:1AA

1.2:1Fail

1.5:1Fail

3:1Fail

6.1:1AA

1.2:1Fail

Similar palettes

More like Rainforest Canopy Light

Tropical Rainforest Bloom

Emerald Canopy Glow