Back to palettes

Palette

Tropic Canopy Glade

Deep, rich greens and bright accents inspired by the dense, vibrant canopy of a flourishing tropical rainforest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropic Canopy Glade 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 Tropic Canopy Glade.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#0F5E3D#2BA56B#5FE09F#8FFAC7#1A8A55

Palette guide

How to use Tropic Canopy Glade

Overview

The Tropic Canopy Glade palette evokes the lush, vibrant depths of a tropical rainforest. Dominated by rich, earthy greens, it features a deep forest green (#0F5E3D), a lively emerald (#2BA56B), a bright minty green (#5FE09F), a serene light green (#8FFAC7), and a balanced medium green (#1A8A55). This harmonious collection is perfect for designers and developers seeking to convey natural beauty, sustainability, and tranquility. Its versatile range allows for dynamic visual hierarchies, from grounding primary elements to refreshing accents, making it ideal for eco-conscious branding or nature-inspired digital experiences. Embrace these shades to bring a touch of the wild canopy to your projects.

Best used for

  • Eco-conscious brand websites
  • Nature-themed mobile applications
  • Sustainable product packaging
  • Botanical garden signage and brochures
  • Outdoor adventure gear branding
  • Environmental non-profit communication materials

Suggested color roles

primary

Use #0F5E3D for main headings, strong call-to-actions, or foundational branding elements, providing depth and stability.

secondary

Apply #2BA56B to subheadings, active states, or secondary buttons, offering a vibrant yet balanced contrast.

accent

Utilize #5FE09F for highlights, small icons, or interactive elements, bringing a refreshing, energetic pop.

background

Employ #8FFAC7 for clean content areas, subtle section breaks, or as a calming backdrop to let darker elements stand out.

text

For main body text, consider a dark charcoal like "#333333" against lighter backgrounds, while #0F5E3D or #1A8A55 can effectively be used for headings and key information.

Accessibility notes

  • Ensure #0F5E3D and #1A8A55 text has sufficient contrast against #8FFAC7 or white backgrounds for readability.
  • Avoid using #5FE09F or #8FFAC7 for critical text elements on light backgrounds due to potential low contrast.
  • Test all color combinations for text and interactive elements against WCAG guidelines for contrast ratios.
  • Provide clear visual cues beyond color, especially when using similar light green shades like #5FE09F and #8FFAC7.

Recommended combinations

Forest Depth

Ideal for robust branding, professional nature themes, or creating a sense of established authority.

#0F5E3D · #2BA56B · #1A8A55

Leafy Accent

Perfect for playful, fresh designs, UI elements, or illustrating growth and new beginnings.

#2BA56B · #5FE09F · #8FFAC7

Canopy Glow

Effective for striking headers, calls to action, or designs that need a dark anchor with bright, inviting highlights.

#0F5E3D · #8FFAC7 · #5FE09F

CSS variables

:root {
  --tropic-canopy-glade-1: #0F5E3D;
  --tropic-canopy-glade-2: #2BA56B;
  --tropic-canopy-glade-3: #5FE09F;
  --tropic-canopy-glade-4: #8FFAC7;
  --tropic-canopy-glade-5: #1A8A55;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropic-canopy-glade": {
        1: "#0F5E3D",
        2: "#2BA56B",
        3: "#5FE09F",
        4: "#8FFAC7",
        5: "#1A8A55",
      }
    }
  }
}

Related searches

lush green color palettetropical nature colorseco-friendly brand paletteforest themed website colorsvibrant green design scheme

Palette colors

Hex values

Color 1#0F5E3D
·
Color 2#2BA56B
·
Color 3#5FE09F
·
Color 4#8FFAC7
·
Color 5#1A8A55
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.7:1AA
6.2:1AA
1.8:1Fail
2
2.5:1Fail
1.9:1Fail
2.5:1Fail
1.4:1Fail
3
4.7:1AA
1.9:1Fail
1.3:1Fail
2.6:1Fail
4
6.2:1AA
2.5:1Fail
1.3:1Fail
3.5:1AA18
5
1.8:1Fail
1.4:1Fail
2.6:1Fail
3.5:1AA18

Similar palettes

More like Tropic Canopy Glade

View all earth
Canopy Emerald Burst
Lush Forest Canopy
Rainforest Canopy
Desert Oasis Bloom
Emerald Canopy Shroud
Emerald Canyon Echo