Palette

Emerald Canopy Glade

Immerse yourself in the dense, vibrant life of a sun-dappled jungle, full of rich greens.

vibrantnatural5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0B3A2C#2E6A4B#6CA778#AAD1A2#E0F4E0

Palette guide

How to use Emerald Canopy Glade

Overview

The Emerald Canopy Glade palette immerses you in the dense, vibrant life of a sun-dappled jungle, full of rich greens. This lively collection features a deep forest green (#0B3A2C), a medium dark green (#2E6A4B), a muted light green (#6CA778), a softer light green (#AAD1A2), and a very pale green (#E0F4E0). Ideal for designers and developers seeking a fresh, vibrant, and natural aesthetic, this palette is perfect for projects that convey lushness, growth, and energetic tranquility, reminiscent of a hidden glade bursting with life under a warm sun.

Best used for

Tropical resort or travel branding
Outdoor adventure websites or apps
Eco-friendly product packaging for fresh goods
Garden and botanical design visualizations
Digital art depicting vibrant jungle scenes
Brand identities for sustainable, natural products

Suggested color roles

primary

Deep forest green (#0B3A2C) serves as a grounding primary, perfect for headers, navigation, or strong brand elements, providing rich depth and stability.

secondary

Medium dark green (#2E6A4B) acts as a lush secondary, ideal for subheadings, interactive components, or sections needing a vibrant, organic feel.

accent

Muted light green (#6CA778) offers a soft accent, perfect for highlights, small icons, or decorative details that add a touch of natural freshness and luminosity.

background

Very pale green (#E0F4E0) provides a bright, airy background, excellent for content areas or large sections where readability and a fresh feel are desired.

text

Deep forest green (#0B3A2C) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use a dark charcoal for contrast.

Accessibility notes

Deep forest green (#0B3A2C) provides excellent contrast against very pale green (#E0F4E0) for readable body text.
Ensure sufficient contrast if using medium dark green (#2E6A4B) for text on the very pale green (#E0F4E0) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
Avoid placing muted light green (#6CA778) on softer light green (#AAD1A2) for critical text due to potential low contrast.

Recommended combinations

Jungle Canopy

Creates a rich, vibrant depth, ideal for backgrounds, main content sections, or sophisticated graphic elements.

#0B3A2C · #2E6A4B · #6CA778

Sun-Dappled Glade

Excellent for highlights, interactive elements, or bringing a light, ethereal freshness to the design against a darker base.

#AAD1A2 · #E0F4E0 · #2E6A4B

Lush Pathway

Provides a balanced and invigorating combination for subheadings, descriptive text, or subtle background patterns.

#6CA778 · #E0F4E0 · #0B3A2C

CSS variables

:root {
  --emerald-canopy-glade-1: #0B3A2C;
  --emerald-canopy-glade-2: #2E6A4B;
  --emerald-canopy-glade-3: #6CA778;
  --emerald-canopy-glade-4: #AAD1A2;
  --emerald-canopy-glade-5: #E0F4E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-glade": {
        1: "#0B3A2C",
        2: "#2E6A4B",
        3: "#6CA778",
        4: "#AAD1A2",
        5: "#E0F4E0",
      }
    }
  }
}

Hex values

Color 1#0B3A2C

Color 2#2E6A4B

Color 3#6CA778

Color 4#AAD1A2

Color 5#E0F4E0

Accessibility

Contrast checker

2:1Fail

4.5:1AA18

7.5:1AAA

11:1AAA

2:1Fail

2.3:1Fail

3.8:1AA18

5.5:1AA

4.5:1AA18

2.3:1Fail

1.7:1Fail

2.4:1Fail

7.5:1AAA

3.8:1AA18

1.7:1Fail

1.5:1Fail

11:1AAA

5.5:1AA

2.4:1Fail

1.5:1Fail

Similar palettes

More like Emerald Canopy Glade

View all vibrant

Emerald Glade Lush

Lush Green Canopy

Rainforest Canopy Light

Rainforest Emerald Glade

Tropical Canopy Vista

Jungle Dewdrop Shine