Palette

Emerald Canopy Mist

A calming array of deep and misty greens, reminiscent of a dense, untouched woodland at dawn.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A3B31#2C5F4D#4E876D#7ABF9A#BFD8C7

Palette guide

How to use Emerald Canopy Mist

Overview

The Emerald Canopy Mist palette offers a calming array of deep and misty greens, reminiscent of a dense, untouched woodland at dawn. This tranquil collection features a very dark green (#1A3B31), a dark green-grey (#2C5F4D), a medium muted green (#4E876D), a medium light green (#7ABF9A), and a very light green (#BFD8C7). Ideal for designers and developers seeking a natural, serene, and sophisticated aesthetic, this palette is perfect for projects that convey a sense of peace, depth, and atmospheric beauty, much like a quiet forest shrouded in morning fog.

Best used for

Environmental and conservation websites
Wellness and meditation app interfaces
Eco-friendly product packaging
Tranquil interior design concepts
Digital art depicting misty forest scenes
Brand identities for organic skincare or sustainable goods

Suggested color roles

primary

Very dark green (#1A3B31) serves as a grounding primary, perfect for headers, navigation, or strong brand elements, providing deep stability and mystery.

secondary

Dark green-grey (#2C5F4D) acts as a muted secondary, ideal for subheadings, interactive components, or sections needing a subtle, atmospheric green.

accent

Medium light green (#7ABF9A) offers a fresh, ethereal accent, perfect for highlights, small icons, or decorative details that add a touch of natural luminosity.

background

Very light green (#BFD8C7) provides a misty, soft background, excellent for content areas or large sections where readability and a calm feel are desired.

text

Very dark green (#1A3B31) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use deep charcoal for contrast.

Accessibility notes

Very dark green (#1A3B31) provides excellent contrast against very light green (#BFD8C7) for readable body text.
Ensure sufficient contrast if using dark green-grey (#2C5F4D) for text on the very light green (#BFD8C7) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
Avoid placing medium muted green (#4E876D) on medium light green (#7ABF9A) for critical text due to potential low contrast.

Recommended combinations

Misty Depths

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

#1A3B31 · #2C5F4D · #4E876D

Dawn's Light

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

#7ABF9A · #BFD8C7 · #2C5F4D

Forest Shroud

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

#4E876D · #BFD8C7 · #1A3B31

CSS variables

:root {
  --emerald-canopy-mist-2-1: #1A3B31;
  --emerald-canopy-mist-2-2: #2C5F4D;
  --emerald-canopy-mist-2-3: #4E876D;
  --emerald-canopy-mist-2-4: #7ABF9A;
  --emerald-canopy-mist-2-5: #BFD8C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-mist-2": {
        1: "#1A3B31",
        2: "#2C5F4D",
        3: "#4E876D",
        4: "#7ABF9A",
        5: "#BFD8C7",
      }
    }
  }
}

Hex values

Color 1#1A3B31

Color 2#2C5F4D

Color 3#4E876D

Color 4#7ABF9A

Color 5#BFD8C7

Accessibility

Contrast checker

1.7:1Fail

2.9:1Fail

5.7:1AA

8.1:1AAA

1.7:1Fail

1.8:1Fail

3.4:1AA18

4.9:1AA

2.9:1Fail

1.8:1Fail

1.9:1Fail

2.8:1Fail

5.7:1AA

3.4:1AA18

1.9:1Fail

1.4:1Fail

8.1:1AAA

4.9:1AA

2.8:1Fail

1.4:1Fail

Similar palettes

More like Emerald Canopy Mist

Enchanted Forest Deep

Forest Floor Gems

Whispering Grove Moss