Back to palettes

Palette

Rainforest Canopy Light

Lush greens infused with bright, filtered sunlight, reminiscent of light piercing a rainforest canopy.

vibrantenergetic5 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

#0F3A2B#2B6B4A#57A079#8CD1A8#C2F2DB

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette (Version 6) features lush, soft greens with a cool undertone, reminiscent of filtered sunlight piercing a dense rainforest canopy. It moves from a deep forest green #0F3A2B to a rich dark emerald #2B6B4A, a balanced medium sage #57A079, and then brightens to a light mint #8CD1A8 and a very pale aqua green #C2F2DB. This elegant gradient of cool greens offers designers and developers a serene yet vibrant tool to create projects that evoke natural tranquility, freshness, and sophisticated eco-consciousness, from digital interfaces to sustainable product designs.

Best used for

  • Sustainable product branding
  • Wellness and retreat websites
  • Serene digital art and illustrations
  • Eco-tourism marketing materials
  • Interior design accents for natural themes
  • Educational materials on forest ecosystems

Suggested color roles

primary

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

secondary

Employ #57A079 (Medium Sage) for supporting sections, subheadings, or secondary buttons, offering a balanced and harmonious green contrast.

accent

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

background

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

text

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

Accessibility notes

  • The deep #0F3A2B offers excellent contrast against #C2F2DB for body text and headings, ensuring high readability.
  • Be cautious when using #8CD1A8 for small text on #C2F2DB; ensure it meets WCAG AA contrast standards, possibly requiring larger font sizes.
  • The #2B6B4A provides good contrast against #8CD1A8, suitable for interactive elements and important information.
  • Avoid pairing #57A079 with #8CD1A8 for text unless the font size is very large, as contrast might be insufficient.

Recommended combinations

Filtered Light

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

#0F3A2B · #C2F2DB · #8CD1A8

Cool Foliage

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

#2B6B4A · #57A079 · #8CD1A8

Aqua Fresh

Use for clean, refreshing content blocks, UI cards, or testimonials, conveying a sense of purity and natural tranquility.

#57A079 · #8CD1A8 · #C2F2DB

CSS variables

:root {
  --rainforest-canopy-light-6-1: #0F3A2B;
  --rainforest-canopy-light-6-2: #2B6B4A;
  --rainforest-canopy-light-6-3: #57A079;
  --rainforest-canopy-light-6-4: #8CD1A8;
  --rainforest-canopy-light-6-5: #C2F2DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light-6": {
        1: "#0F3A2B",
        2: "#2B6B4A",
        3: "#57A079",
        4: "#8CD1A8",
        5: "#C2F2DB",
      }
    }
  }
}

Related searches

cool green palettefiltered light colorsserene green schemeeco-friendly designlush nature UI

Palette colors

Hex values

Color 1#0F3A2B
·
Color 2#2B6B4A
·
Color 3#57A079
·
Color 4#8CD1A8
·
Color 5#C2F2DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.1:1AAA
10.2:1AAA
2
2:1Fail
2:1Fail
3.6:1AA18
5.1:1AA
3
4:1AA18
2:1Fail
1.8:1Fail
2.5:1Fail
4
7.1:1AAA
3.6:1AA18
1.8:1Fail
1.4:1Fail
5
10.2:1AAA
5.1:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Rainforest Canopy Light

View all vibrant
Tropical Rainforest Canopy
Canopy Greenery
Dragonfly Wing Iridescence
Emerald Isle Glow
Lush Rainforest Orchid
Lush Vine Cascade