Palette

Emerald Canopy Mist

Misty and deep greens capturing the atmospheric depth of a vibrant forest canopy shrouded in morning fog.

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

#0A1C16#2E8B57#3CB371#66CDAA#8FBC8F

Palette guide

How to use Emerald Canopy Mist

Overview

The Emerald Canopy Mist palette captures misty and deep greens, reflecting the atmospheric depth of a vibrant forest canopy shrouded in morning fog. This evocative collection features an almost black green (#0A1C16), a rich sea green (#2E8B57), a vibrant medium sea green (#3CB371), a bright medium aqua green (#66CDAA), and a muted dark sea green (#8FBC8F). Ideal for designers and developers seeking a lush, mysterious, and refreshing aesthetic, this palette is perfect for projects that convey humidity, depth, and the vibrant life of an untouched rainforest.

Best used for

Nature exploration and discovery apps
Environmental awareness campaigns
Tropical adventure travel websites
Brand identities for organic and natural products
Digital art depicting foggy jungle scenes
Wellness products evoking freshness and purity

Suggested color roles

primary

Almost black green (#0A1C16) serves as a deep, mysterious primary, perfect for headers, navigation, or strong brand elements, providing intense depth.

secondary

Rich sea green (#2E8B57) acts as a vibrant secondary, ideal for subheadings, interactive components, or sections needing a lush, encompassing green.

accent

Bright medium aqua green (#66CDAA) offers a fresh, energetic accent, perfect for highlights, small icons, or calls-to-action that need to stand out with a lively pop.

background

Muted dark sea green (#8FBC8F) provides a soft, misty background, excellent for content areas or large sections where atmosphere and a calm feel are desired.

text

Almost black green (#0A1C16) works well for body text on lighter backgrounds, ensuring high readability, or use white on darker elements for maximum legibility.

Accessibility notes

White text on almost black green (#0A1C16) or rich sea green (#2E8B57) provides excellent contrast for readability.
Ensure sufficient contrast if using bright medium aqua green (#66CDAA) for text on the muted dark sea green (#8FBC8F) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
Avoid placing medium sea green (#3CB371) on muted dark sea green (#8FBC8F) 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.

#0A1C16 · #2E8B57 · #3CB371

Fresh Canopy

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

#66CDAA · #8FBC8F · #2E8B57

Humid Glow

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

#3CB371 · #8FBC8F · #0A1C16

CSS variables

:root {
  --emerald-canopy-mist-1: #0A1C16;
  --emerald-canopy-mist-2: #2E8B57;
  --emerald-canopy-mist-3: #3CB371;
  --emerald-canopy-mist-4: #66CDAA;
  --emerald-canopy-mist-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-mist": {
        1: "#0A1C16",
        2: "#2E8B57",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#8FBC8F",
      }
    }
  }
}

Hex values

Color 1#0A1C16

Color 2#2E8B57

Color 3#3CB371

Color 4#66CDAA

Color 5#8FBC8F

Accessibility

Contrast checker

4.2:1AA18

6.6:1AA

9.1:1AAA

8.2:1AAA

4.2:1AA18

1.6:1Fail

2.2:1Fail

2:1Fail

6.6:1AA

1.6:1Fail

1.4:1Fail

1.2:1Fail

9.1:1AAA

2.2:1Fail

1.4:1Fail

1.1:1Fail

8.2:1AAA

2:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Emerald Canopy Mist

View all earth

Forest Floor Moss

Mystic Forest Moss

Tropical Rainforest Floor

Verdant Moss Glen

Emerald Canopy Hush

Emerald Enclave Moss