Back to palettes

Palette

Rainforest Canopy Light

Vibrant greens interspersed with bright highlights evoke the dynamic interplay of light and shadow in 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

#004B49#228B22#556B2F#66CDAA#ADD8E6

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette (Version 5) offers a dynamic interplay of light and shadow, featuring vibrant greens interspersed with bright highlights. It includes a deep teal green #004B49, a classic forest green #228B22, and an earthy olive #556B2F. Adding a refreshing contrast are a medium aquamarine #66CDAA and a soft light blue #ADD8E6. This palette is designed for designers and developers seeking to evoke an energetic yet natural feel, perfect for projects that require a sense of movement, depth, and the refreshing diversity found within a rainforest canopy, from digital interfaces to outdoor adventure marketing.

Best used for

  • Dynamic website designs
  • Eco-conscious tech brand identity
  • Outdoor adventure marketing
  • Vibrant app interfaces
  • Nature-inspired digital art
  • Educational content about biodiversity

Suggested color roles

primary

Utilize #228B22 (Forest Green) for core elements like navigation, primary calls-to-action, or main branding, providing a familiar and strong natural base.

secondary

Employ #004B49 (Dark Teal) for sub-sections, footers, or secondary elements, adding depth and a sophisticated, cool undertone.

accent

Introduce #ADD8E6 (Light Blue) for energetic highlights, interactive elements, or key visuals that need a bright, airy contrast.

background

Apply #66CDAA (Medium Aquamarine) as a refreshing, mid-tone background, creating a vibrant canvas that supports both light and dark elements.

text

For optimal readability on lighter backgrounds like #66CDAA, use a dark, contrasting color such as #004B49 or a classic charcoal black.

Accessibility notes

  • The deep #004B49 offers excellent contrast against #66CDAA for body text and headings, ensuring high readability.
  • Be cautious when using #ADD8E6 for small text on #66CDAA; ensure it meets WCAG AA contrast standards, possibly requiring larger font sizes.
  • The #228B22 provides good contrast against #ADD8E6, suitable for interactive elements and important information.
  • Avoid pairing #556B2F with #66CDAA for text unless the font size is very large, as contrast might be insufficient.

Recommended combinations

Canopy Reflections

Ideal for hero sections or prominent features, showcasing the cool aquatic feel and interplay of light on water.

#004B49 · #66CDAA · #ADD8E6

Forest Depths

Excellent for creating depth and organic layering in content blocks, infographics, or visual elements with varied greens.

#228B22 · #556B2F · #66CDAA

Vibrant Accents

Use for dynamic UI components, callouts, or interactive elements, leveraging the strong contrast and refreshing pop of blue.

#004B49 · #228B22 · #ADD8E6

CSS variables

:root {
  --rainforest-canopy-light-5-1: #004B49;
  --rainforest-canopy-light-5-2: #228B22;
  --rainforest-canopy-light-5-3: #556B2F;
  --rainforest-canopy-light-5-4: #66CDAA;
  --rainforest-canopy-light-5-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light-5": {
        1: "#004B49",
        2: "#228B22",
        3: "#556B2F",
        4: "#66CDAA",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

dynamic green blue paletterainforest light and shadowenergetic nature colorseco tech brandingvibrant jungle UI

Palette colors

Hex values

Color 1#004B49
·
Color 2#228B22
·
Color 3#556B2F
·
Color 4#66CDAA
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.7:1Fail
5.2:1AA
6.5:1AA
2
2.3:1Fail
1.4:1Fail
2.3:1Fail
2.9:1Fail
3
1.7:1Fail
1.4:1Fail
3.1:1AA18
3.9:1AA18
4
5.2:1AA
2.3:1Fail
3.1:1AA18
1.3:1Fail
5
6.5:1AA
2.9:1Fail
3.9:1AA18
1.3:1Fail

Similar palettes

More like Rainforest Canopy Light

View all vibrant
Glow Worm
Jungle Vine Bloom
Lush Vine Cascade
Rainforest Canopy Light
Aurora Glade Whisper
Botanical Bloom Canopy