Palette

Emerald Canopy Dawn

This palette evokes the fresh, misty air and lush greenery of a forest at sunrise.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#344E41#588157#A3B18A#DAD7CD#7F6A4F

Palette guide

How to use Emerald Canopy Dawn

Overview

The Emerald Canopy Dawn palette evokes the fresh, misty air and lush greenery of a forest at sunrise. This tranquil collection features a dark muted green (#344E41), a medium muted green (#588157), a soft light green (#A3B18A), a very light off-white/beige (#DAD7CD), and a warm muted brown (#7F6A4F). It's an ideal palette for designers and developers seeking a calm, earthy, and refreshing aesthetic. This collection is perfect for projects that convey a sense of natural tranquility, peace, and renewal, reminiscent of a quiet morning walk through a sun-dappled woodland.

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 misty forest scenes

Suggested color roles

primary

Dark muted green (#344E41) serves as a grounding primary, perfect for headers, navigation, or strong brand elements, providing depth and stability.

secondary

Medium muted green (#588157) acts as a natural secondary, ideal for subheadings, interactive components, or sections needing a soothing, organic feel.

accent

Warm muted brown (#7F6A4F) offers an earthy contrast accent, perfect for highlights, small icons, or decorative details that add a touch of natural warmth.

background

Very light off-white/beige (#DAD7CD) provides a soft, airy background, excellent for content areas or large sections where readability and a tranquil feel are desired.

text

Dark muted green (#344E41) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use a deep charcoal for contrast.

Accessibility notes

Dark muted green (#344E41) provides excellent contrast against very light off-white/beige (#DAD7CD) for readable body text.
Ensure sufficient contrast if using medium muted green (#588157) for text on the very light off-white/beige (#DAD7CD) background.
Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
Avoid placing soft light green (#A3B18A) on very light off-white/beige (#DAD7CD) for critical text due to potential low contrast.

Recommended combinations

Morning Mist

Creates a calm, refreshing visual flow, ideal for backgrounds, main content, or tranquil graphic elements.

#344E41 · #588157 · #DAD7CD

Sun-Dappled

Excellent for highlights, interactive elements, or bringing a subtle warmth and organic contrast to the design.

#A3B18A · #7F6A4F · #344E41

Forest Floor

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

#588157 · #DAD7CD · #7F6A4F

CSS variables

:root {
  --emerald-canopy-dawn-1: #344E41;
  --emerald-canopy-dawn-2: #588157;
  --emerald-canopy-dawn-3: #A3B18A;
  --emerald-canopy-dawn-4: #DAD7CD;
  --emerald-canopy-dawn-5: #7F6A4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-dawn": {
        1: "#344E41",
        2: "#588157",
        3: "#A3B18A",
        4: "#DAD7CD",
        5: "#7F6A4F",
      }
    }
  }
}

Hex values

Color 1#344E41

Color 2#588157

Color 3#A3B18A

Color 4#DAD7CD

Color 5#7F6A4F

Accessibility

Contrast checker

2:1Fail

4:1AA18

6.3:1AA

1.8:1Fail

2:1Fail

3.1:1AA18

1.2:1Fail

4:1AA18

2:1Fail

1.6:1Fail

2.3:1Fail

6.3:1AA

3.1:1AA18

1.6:1Fail

3.6:1AA18

1.8:1Fail

1.2:1Fail

2.3:1Fail

3.6:1AA18

Similar palettes

More like Emerald Canopy Dawn

Emerald Canopy Dawn

See it in context.

Ready when you are.

Built with Emerald Canopy Dawn.

How to use Emerald Canopy Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Morning Mist

Sun-Dappled

Forest Floor

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Emerald Canopy Dawn