Back to palettes

Palette

Tropical Canopy Light

Reflects the lush, layered greens and dappled sunlight filtering through a vibrant tropical forest canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical 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 Tropical Canopy Light.

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

Data visualization

#3E7C3C#6CA86A#A3D3A1#275B25#86BC84

Palette guide

How to use Tropical Canopy Light

Overview

The Tropical Canopy Light palette reflects the lush, layered greens and dappled sunlight filtering through a vibrant tropical forest canopy. This earthy and serene collection features muted tones like #3E7C3C (Dark Olive Green), #6CA86A (Medium Olive Green), #A3D3A1 (Light Sage Green), #275B25 (Deep Forest Green), and #86BC84 (Pale Green). It’s an ideal choice for designs seeking a natural, calming, and sophisticated aesthetic. Designers can leverage this palette to create soothing digital experiences, organic brand identities, or harmonious visuals that evoke tranquility, sustainability, and the gentle beauty of nature, perfect for wellness or eco-conscious projects.

Best used for

  • Wellness and spa brand identities
  • Sustainable and organic product packaging
  • Interior design inspiration for natural spaces
  • Botanical and garden-themed websites
  • Eco-friendly lifestyle blogs and content
  • Nature photography portfolios

Suggested color roles

primary

Use #3E7C3C (Dark Olive Green) for dominant branding, main content areas, or to establish a deep, grounding natural foundation.

secondary

Apply #6CA86A (Medium Olive Green) for supporting elements, subheadings, or to introduce a lighter, harmonious green tone.

accent

Incorporate #275B25 (Deep Forest Green) for subtle accents, important links, or to add depth and visual weight to elements.

background

The very light #A3D3A1 (Light Sage Green) or a soft cream provides an excellent, calming background that enhances readability.

text

Dark brown (#4A2C2A), charcoal (#333333), or a deep green like #275B25 is ideal for body text. White text works well on #3E7C3C and #275B25 for headings.

Accessibility notes

  • Ensure sufficient contrast for text on #A3D3A1 and #86BC84; always use dark text for readability.
  • The darker greens (#3E7C3C, #275B25) provide good contrast with white or light text for headings and important information.
  • Avoid using #6CA86A or #86BC84 for small body text when paired with white, as their luminance might fall below WCAG AA contrast ratios.
  • Maintain consistent text color choices to avoid visual confusion within the muted palette.

Recommended combinations

Forest Depths

Creates a rich, layered green gradient, perfect for backgrounds, natural textures, or sophisticated branding.

#275B25 · #3E7C3C · #6CA86A

Dappled Light

Ideal for soft, airy layouts, evoking sunlight filtering through leaves, suitable for serene web designs or light backgrounds.

#A3D3A1 · #86BC84 · #6CA86A

Earthy Balance

Offers a balanced and natural feel, suitable for professional eco-conscious branding, informational graphics, or calming interfaces.

#3E7C3C · #A3D3A1 · #275B25

CSS variables

:root {
  --tropical-canopy-light-1: #3E7C3C;
  --tropical-canopy-light-2: #6CA86A;
  --tropical-canopy-light-3: #A3D3A1;
  --tropical-canopy-light-4: #275B25;
  --tropical-canopy-light-5: #86BC84;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-canopy-light": {
        1: "#3E7C3C",
        2: "#6CA86A",
        3: "#A3D3A1",
        4: "#275B25",
        5: "#86BC84",
      }
    }
  }
}

Related searches

earthy green color palettenatural botanical colorstropical forest aestheticcalming green designorganic nature color scheme

Palette colors

Hex values

Color 1#3E7C3C
·
Color 2#6CA86A
·
Color 3#A3D3A1
·
Color 4#275B25
·
Color 5#86BC84
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
1.6:1Fail
2.3:1Fail
2
1.8:1Fail
1.7:1Fail
2.9:1Fail
1.3:1Fail
3
3:1Fail
1.7:1Fail
4.7:1AA
1.3:1Fail
4
1.6:1Fail
2.9:1Fail
4.7:1AA
3.7:1AA18
5
2.3:1Fail
1.3:1Fail
1.3:1Fail
3.7:1AA18

Similar palettes

More like Tropical Canopy Light

View all earth
Verdant Canopy Glade
Botanical Herbarium Shade
Botanical Sketchbook
Botanical Study Green
Emerald Canopy Shroud
Emerald Forest Depths