Back to palettes

Palette

Rainforest Canopy Light

A vibrant spectrum of greens, depicting the interplay of sunlight filtering through a lush 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 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

#0F380F#2A6B2A#4A9F4A#7ED27E#C0EFC0

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette (Version 4) presents a vibrant spectrum of greens, perfectly depicting the interplay of sunlight filtering through a lush rainforest canopy. It moves from a very deep forest green #0F380F to a strong dark moss green #2A6B2A, a balanced medium green #4A9F4A, and then brightens to a light mint green #7ED27E and a very pale green #C0EFC0. This cohesive gradient offers designers and developers a versatile tool to create botanical, fresh, and deeply natural experiences. It's ideal for projects that require a clear sense of growth, light, and the serene depth of a healthy ecosystem.

Best used for

  • Botanical illustration and art
  • Environmental report graphics
  • Garden center branding
  • Educational apps about plants
  • Nature-themed game environments
  • Sustainable product packaging

Suggested color roles

primary

Utilize #2A6B2A (Dark Moss Green) for core elements like headers, primary calls-to-action, or main branding, providing a strong, natural anchor.

secondary

Employ #4A9F4A (Medium Green) for supporting content, subheadings, or secondary buttons, offering a balanced and refreshing green contrast.

accent

Introduce #7ED27E (Light Mint Green) for subtle highlights, interactive elements, or graphical accents that need a fresh, soft pop.

background

Apply #C0EFC0 (Pale Green) as a clean, airy background, creating an open canvas that lets the deeper greens stand out and feel vibrant.

text

For optimal readability on light backgrounds like #C0EFC0, use a dark, contrasting color such as #0F380F or a deep charcoal black.

Accessibility notes

  • The very dark #0F380F offers excellent contrast against #C0EFC0 for body text and headings, ensuring high readability.
  • Be cautious when using #7ED27E for small text on #C0EFC0; ensure it meets WCAG AA contrast standards, possibly requiring larger font sizes.
  • The #2A6B2A provides good contrast against #7ED27E, suitable for interactive elements and important information.
  • Avoid pairing #4A9F4A with #7ED27E for text unless the font size is very large, as contrast might be insufficient.

Recommended combinations

Canopy Gradient

Ideal for creating smooth visual transitions in backgrounds, banners, or layered graphic elements, mimicking natural light.

#0F380F · #4A9F4A · #C0EFC0

Moss & Mint

Excellent for content blocks, infographics, or UI cards, providing a fresh and legible combination of greens.

#2A6B2A · #7ED27E · #C0EFC0

Deep Forest Glow

Use for prominent features or sections requiring strong depth and a vibrant, yet subtle, highlight.

#0F380F · #2A6B2A · #7ED27E

CSS variables

:root {
  --rainforest-canopy-light-4-1: #0F380F;
  --rainforest-canopy-light-4-2: #2A6B2A;
  --rainforest-canopy-light-4-3: #4A9F4A;
  --rainforest-canopy-light-4-4: #7ED27E;
  --rainforest-canopy-light-4-5: #C0EFC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light-4": {
        1: "#0F380F",
        2: "#2A6B2A",
        3: "#4A9F4A",
        4: "#7ED27E",
        5: "#C0EFC0",
      }
    }
  }
}

Related searches

green gradient color schemebotanical nature palettelush jungle UI colorsforest light designvibrant green branding

Palette colors

Hex values

Color 1#0F380F
·
Color 2#2A6B2A
·
Color 3#4A9F4A
·
Color 4#7ED27E
·
Color 5#C0EFC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.2:1AAA
10.3:1AAA
2
2:1Fail
2:1Fail
3.5:1AA18
5.1:1AA
3
4:1AA18
2:1Fail
1.8:1Fail
2.6:1Fail
4
7.2:1AAA
3.5:1AA18
1.8:1Fail
1.4:1Fail
5
10.3:1AAA
5.1:1AA
2.6:1Fail
1.4:1Fail

Similar palettes

More like Rainforest Canopy Light

View all earth
Emerald Canopy Shroud
Monsoon Jungle Mist
Monsoon Jungle Verdant
Rainforest Bloom Shadow
Tropical Canopy Light
Verdant Jungle Light