Back to palettes

Palette

Emerald Canopy Glow

Captures the intense and living light filtering through the lush, dense foliage of a verdant forest canopy.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#026C68#0AA79C#5ED1C5#9AE4DE

Palette guide

How to use Emerald Canopy Glow

Overview

The Emerald Canopy Glow palette captures the intense and living light filtering through the lush, dense foliage of a verdant forest canopy. This vibrant collection features a dark teal (#004B49), a medium dark teal (#026C68), a lively medium teal (#0AA79C), a bright teal (#5ED1C5), and a very light teal (#9AE4DE). Ideal for designers and developers seeking a fresh, vivid, and dynamic aesthetic, this palette is perfect for projects that convey vitality, growth, and luminous natural beauty, reminiscent of sunlight piercing through tropical leaves.

Best used for

  • Vibrant eco-conscious branding
  • Dynamic nature exploration apps
  • Tropical travel agency websites
  • Modern botanical design projects
  • Digital art with strong light and shadow
  • Packaging for refreshing beverages or skincare

Suggested color roles

primary

Dark teal (#004B49) serves as a deep, stable primary, perfect for headers, navigation, or strong brand elements, providing a sophisticated foundation.

secondary

Medium dark teal (#026C68) acts as a rich secondary, ideal for subheadings, interactive components, or sections needing a vibrant, encompassing green.

accent

Bright teal (#5ED1C5) offers a luminous accent, perfect for highlights, small icons, or calls-to-action that need to stand out with energetic brilliance.

background

Very light teal (#9AE4DE) provides an ethereal, fresh background, excellent for content areas or large sections where readability and a vibrant feel are desired.

text

Dark teal (#004B49) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use black for maximum contrast.

Accessibility notes

  • Dark teal (#004B49) provides excellent contrast against very light teal (#9AE4DE) for readable body text.
  • Ensure sufficient contrast if using medium dark teal (#026C68) for text on the very light teal (#9AE4DE) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing bright teal (#5ED1C5) on very light teal (#9AE4DE) for critical text due to potential low contrast.

Recommended combinations

Canopy Radiance

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

#004B49 · #026C68 · #0AA79C

Luminous Highlight

Excellent for highlights, interactive elements, or bringing a vibrant, refreshing luminosity to the design.

#5ED1C5 · #9AE4DE · #026C68

Vivid Foliage

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

#0AA79C · #9AE4DE · #004B49

CSS variables

:root {
  --emerald-canopy-glow-1: #004B49;
  --emerald-canopy-glow-2: #026C68;
  --emerald-canopy-glow-3: #0AA79C;
  --emerald-canopy-glow-4: #5ED1C5;
  --emerald-canopy-glow-5: #9AE4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-glow": {
        1: "#004B49",
        2: "#026C68",
        3: "#0AA79C",
        4: "#5ED1C5",
        5: "#9AE4DE",
      }
    }
  }
}

Related searches

emerald green glow palettevibrant teal green color schemetropical forest web designluminous nature UI colorsfresh green teal dynamic palette

Palette colors

Hex values

Color 1#004B49
·
Color 2#026C68
·
Color 3#0AA79C
·
Color 4#5ED1C5
·
Color 5#9AE4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
5.4:1AA
6.9:1AA
2
1.6:1Fail
2.1:1Fail
3.4:1AA18
4.3:1AA18
3
3.3:1AA18
2.1:1Fail
1.6:1Fail
2.1:1Fail
4
5.4:1AA
3.4:1AA18
1.6:1Fail
1.3:1Fail
5
6.9:1AA
4.3:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Emerald Canopy Glow

View all vibrant
Lush Emerald Canopy
Exotic Island Escape
Jungle Canopy Splash
Jungle Emerald Vines
Lush Green Canopy
Rainforest Canopy Light