Palette

Jungle Canopy

Lush greens from deepest shadow to sun-dappled leaves, evoking the rich vibrancy of a jungle canopy.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A3C2A#3E6B4F#6BA37E#A6D6AE#D1EAD8

Palette guide

How to use Jungle Canopy

Overview

The Jungle Canopy palette presents lush greens that transition from deepest shadow to sun-dappled leaves, evoking the rich vibrancy of a tropical rainforest canopy. With sophisticated shades like #1A3C2A, #3E6B4F, #6BA37E, #A6D6AE, and #D1EAD8, this collection is ideal for designers and developers aiming for a natural, serene, and elegant aesthetic. It offers a spectrum that feels both grounding and refreshing, perfect for conveying growth, tranquility, and environmental consciousness. This palette ensures a harmonious and inviting visual experience, suitable for applications where a refined connection to nature is desired, from digital interfaces to physical branding.

Best used for

Luxury eco-tourism branding
High-end natural product packaging
Serene interior design concepts
Wildlife conservation websites
Botanical illustrations and art
Sustainable architecture presentations

Suggested color roles

primary

#3E6B4F serves as a sophisticated, grounding green for core branding elements and main content areas.

secondary

#6BA37E provides a balanced mid-tone green for supporting elements, subheadings, or soft accents.

accent

#A6D6AE offers a light, fresh highlight, ideal for subtle interactivity, icons, or delicate details.

background

#D1EAD8 (a near-white, airy base) creates a clean, elegant backdrop that enhances readability.

text

#1A3C2A (deepest green) is excellent for high-contrast body text, ensuring optimal readability on lighter backgrounds.

Accessibility notes

#1A3C2A offers strong contrast against #D1EAD8, ensuring optimal readability for all text sizes.
Ensure #3E6B4F has sufficient contrast when used for text on #D1EAD8, especially for smaller font sizes.
Avoid using #A6D6AE or #6BA37E for small text on light backgrounds due to potential low contrast.
Use a contrast checker to verify accessibility standards for all text and interactive components.

Recommended combinations

Canopy Shadows

Creates deep, rich greens for a sense of depth and mystery, ideal for immersive backgrounds.

#1A3C2A · #3E6B4F · #6BA37E

Sun-Dappled Leaves

Offers a gradual shift for natural light and organic flow, perfect for gradients and layered visuals.

#3E6B4F · #6BA37E · #A6D6AE

Verdant Horizon

Provides a light and airy feel, excellent for clean backgrounds, subtle gradients, and header sections.

#6BA37E · #A6D6AE · #D1EAD8

CSS variables

:root {
  --jungle-canopy-1: #1A3C2A;
  --jungle-canopy-2: #3E6B4F;
  --jungle-canopy-3: #6BA37E;
  --jungle-canopy-4: #A6D6AE;
  --jungle-canopy-5: #D1EAD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-canopy": {
        1: "#1A3C2A",
        2: "#3E6B4F",
        3: "#6BA37E",
        4: "#A6D6AE",
        5: "#D1EAD8",
      }
    }
  }
}

Hex values

Color 1#1A3C2A

Color 2#3E6B4F

Color 3#6BA37E

Color 4#A6D6AE

Color 5#D1EAD8

Accessibility

Contrast checker

2:1Fail

4.2:1AA18

7.5:1AAA

9.6:1AAA

2:1Fail

2.1:1Fail

3.8:1AA18

4.8:1AA

4.2:1AA18

2.1:1Fail

1.8:1Fail

2.3:1Fail

7.5:1AAA

3.8:1AA18

1.8:1Fail

1.3:1Fail

9.6:1AAA

4.8:1AA

2.3:1Fail

1.3:1Fail

Similar palettes

More like Jungle Canopy

View all earth

Canopy Emerald Burst

Emerald Canopy Shroud

Emerald Rainforest Mist

Lush Rainforest Floor

Rainforest Canopy Dew

Emerald Moss Canopy