Back to palettes

Palette

Rainforest Canopy Light

A lush, verdant palette, representing the vibrant layers of foliage in a sun-dappled 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

#33691E#558B2F#689F38#8BC34A#C5E1A5

Palette guide

How to use Rainforest Canopy Light

Overview

The "Rainforest Canopy Light" palette offers a refreshing collection of verdant greens, perfectly capturing the essence of a sun-dappled rainforest. Ranging from the deep, grounding #33691E to the soft, airy #C5E1A5, this palette is ideal for projects seeking a natural, organic, and uplifting feel. Designers and developers can leverage these harmonious hex codes, including the vibrant #8BC34A, to create visually engaging and cohesive experiences. It's a versatile choice for conveying growth, freshness, and environmental consciousness across various digital and print applications, ensuring a pleasant and natural aesthetic.

Best used for

  • Eco-friendly brand identity
  • Nature-themed websites and apps
  • Organic product packaging
  • Outdoor adventure branding
  • Botanical illustrations
  • Sustainable living blogs

Suggested color roles

primary

Use #33691E as a strong, grounding base for primary headlines, important calls-to-action, or main brand elements, providing deep natural authority.

secondary

Apply #558B2F for supporting elements like subheadings, secondary buttons, or decorative accents, maintaining a consistent natural flow.

accent

Utilize #8BC34A for bright highlights, interactive elements, or small, eye-catching details where a pop of fresh green is desired.

background

Employ #C5E1A5 as a soft, airy backdrop for content areas, offering excellent readability and a light, spacious feel.

text

For optimal legibility on lighter backgrounds, use #33691E or a very dark charcoal for primary text, ensuring good contrast.

Accessibility notes

  • Ensure sufficient contrast between #33691E text and #C5E1A5 background to meet WCAG AA standards.
  • The lighter #8BC34A might require larger font sizes or bolding when used for text to maintain readability.
  • Avoid placing #C5E1A5 text on any other light greens in the palette due to potential contrast issues.
  • Always test text against chosen backgrounds; #558B2F generally pairs well with #C5E1A5 for body copy.

Recommended combinations

Lush Base

Strong, deep primary with a soft background and a balanced secondary for content hierarchy.

#33691E · #C5E1A5 · #558B2F

Vibrant Accent

Mid-tone green base with a bright, energetic accent, grounded by the deepest green.

#689F38 · #8BC34A · #33691E

Light & Airy

Soft, light background with two mid-tone greens for visual interest and subtle differentiation.

#C5E1A5 · #558B2F · #689F38

CSS variables

:root {
  --rainforest-canopy-light-7-1: #33691E;
  --rainforest-canopy-light-7-2: #558B2F;
  --rainforest-canopy-light-7-3: #689F38;
  --rainforest-canopy-light-7-4: #8BC34A;
  --rainforest-canopy-light-7-5: #C5E1A5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-light-7": {
        1: "#33691E",
        2: "#558B2F",
        3: "#689F38",
        4: "#8BC34A",
        5: "#C5E1A5",
      }
    }
  }
}

Related searches

nature green color paletteeco friendly branding colorslush green ui designorganic product color schemeforest inspired web design

Palette colors

Hex values

Color 1#33691E
·
Color 2#558B2F
·
Color 3#689F38
·
Color 4#8BC34A
·
Color 5#C5E1A5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
3.1:1AA18
4.6:1AA
2
1.6:1Fail
1.3:1Fail
2:1Fail
2.9:1Fail
3
2.1:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
4
3.1:1AA18
2:1Fail
1.5:1Fail
1.5:1Fail
5
4.6:1AA
2.9:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Rainforest Canopy Light

View all Earth
Verdant Glade
Ancient Forest Roots
Botanical Green Sanctuary
Botanical Sketch Book
Deep Woods
Enchanted Forest Canopy