Back to palettes

Palette

Emerald Canopy Sun

Shades of verdant green capture the peaceful depths of a forest canopy, dappled with sunlight filtering through leaves.

monochromenatural5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#00695C#00897B#80CBC4#E0F2F1

Palette guide

How to use Emerald Canopy Sun

Overview

The Emerald Canopy Sun palette captures shades of verdant green, reflecting the peaceful depths of a forest canopy dappled with sunlight filtering through leaves. This serene collection features a dark teal-green (#004D40), a medium dark teal-green (#00695C), a vibrant teal-green (#00897B), a soft light aqua (#80CBC4), and a very pale aqua (#E0F2F1). Ideal for designers and developers seeking a fresh, tranquil, and harmonious aesthetic, this palette is perfect for projects that convey serenity, natural light, and organic beauty, reminiscent of a peaceful forest glade on a sunny day.

Best used for

  • Wellness and mindfulness applications
  • Eco-conscious brand identities
  • Nature-themed lifestyle blogs
  • Sustainable product packaging
  • Interior design concepts for serene spaces
  • Digital art depicting sun-dappled forest scenes

Suggested color roles

primary

Dark teal-green (#004D40) serves as a grounding primary, perfect for headers, navigation, or strong brand elements, providing deep stability and sophistication.

secondary

Medium dark teal-green (#00695C) acts as a lush secondary, ideal for subheadings, interactive components, or sections needing a serene, organic feel.

accent

Vibrant teal-green (#00897B) offers a lively accent, perfect for highlights, small icons, or calls-to-action that need to stand out with a fresh, energetic pop.

background

Very pale aqua (#E0F2F1) provides a light, ethereal background, excellent for content areas or large sections where readability and a fresh feel are desired.

text

Dark teal-green (#004D40) 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-green (#004D40) provides excellent contrast against very pale aqua (#E0F2F1) for readable body text.
  • Ensure sufficient contrast if using medium dark teal-green (#00695C) for text on the very pale aqua (#E0F2F1) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing soft light aqua (#80CBC4) on very pale aqua (#E0F2F1) for critical text due to potential low contrast.

Recommended combinations

Sunlit Depths

Creates a profound, harmonious depth, ideal for backgrounds, main content sections, or sophisticated graphic elements.

#004D40 · #00695C · #00897B

Dappled Light

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

#80CBC4 · #E0F2F1 · #00695C

Canopy Serenity

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

#00897B · #E0F2F1 · #004D40

CSS variables

:root {
  --emerald-canopy-sun-1: #004D40;
  --emerald-canopy-sun-2: #00695C;
  --emerald-canopy-sun-3: #00897B;
  --emerald-canopy-sun-4: #80CBC4;
  --emerald-canopy-sun-5: #E0F2F1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-sun": {
        1: "#004D40",
        2: "#00695C",
        3: "#00897B",
        4: "#80CBC4",
        5: "#E0F2F1",
      }
    }
  }
}

Related searches

emerald green sun palettemonochromatic green color schemeserene forest web designnature fresh UI colorssun dappled green brand identity

Palette colors

Hex values

Color 1#004D40
·
Color 2#00695C
·
Color 3#00897B
·
Color 4#80CBC4
·
Color 5#E0F2F1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
5.3:1AA
8.5:1AAA
2
1.5:1Fail
1.5:1Fail
3.5:1AA18
5.7:1AA
3
2.3:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
4
5.3:1AA
3.5:1AA18
2.3:1Fail
1.6:1Fail
5
8.5:1AAA
5.7:1AA
3.7:1AA18
1.6:1Fail

Similar palettes

More like Emerald Canopy Sun

View all monochrome
Verdant Canopy Shade
Ancient Temple Moss
Emerald Glade
Forest Canopy Verdant
Forest Fern
Green Moss Harmony