Back to palettes

Palette

Emerald Canopy Floor

A tranquil blend of deep forest greens, evoking the shadowed undergrowth of a dense, ancient forest.

darknatural5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E473F#4A7A64#73A68F#1E2E2A#61917B

Palette guide

How to use Emerald Canopy Floor

Overview

The Emerald Canopy Floor palette offers a tranquil blend of deep forest greens, evoking the shadowed undergrowth of a dense, ancient forest. This serene collection features a very dark grey-green (#1E2E2A), a dark grey-green (#2E473F), a medium muted green (#4A7A64), a lighter muted green (#61917B), and a soft light green (#73A68F). Ideal for designers and developers seeking a natural, understated, and calming aesthetic, this palette is perfect for projects that convey a sense of peace, stability, and organic beauty, much like the quiet, mossy floor of a timeless woodland.

Best used for

  • Nature-focused educational platforms
  • Eco-friendly product branding
  • Wellness and meditation app interfaces
  • Sustainable architecture visualizations
  • Digital art depicting serene forest scenes
  • Brand identities for organic skincare or home goods

Suggested color roles

primary

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

secondary

Dark grey-green (#2E473F) acts as a foundational secondary, ideal for subheadings, interactive components, or sections needing a subtle, earthy green.

accent

Soft light green (#73A68F) offers a gentle accent, perfect for highlights, small icons, or decorative details that add a touch of natural freshness.

background

Medium muted green (#4A7A64) provides a serene, enveloping background, excellent for content areas or large sections where atmosphere and a calm feel are desired.

text

Very dark grey-green (#1E2E2A) works well for body text on lighter backgrounds, ensuring high readability with a cohesive, natural aesthetic, or use white for contrast on darker elements.

Accessibility notes

  • Very dark grey-green (#1E2E2A) provides excellent contrast against soft light green (#73A68F) for readable body text.
  • Ensure sufficient contrast if using dark grey-green (#2E473F) for text on the medium muted green (#4A7A64) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing lighter muted green (#61917B) on medium muted green (#4A7A64) for critical text due to potential low contrast.

Recommended combinations

Forest Undergrowth

Creates a deep, tranquil visual hierarchy, ideal for backgrounds, main content sections, or sophisticated graphic elements.

#1E2E2A · #2E473F · #4A7A64

Mossy Highlights

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

#73A68F · #61917B · #2E473F

Shaded Path

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

#4A7A64 · #73A68F · #1E2E2A

CSS variables

:root {
  --emerald-canopy-floor-1: #2E473F;
  --emerald-canopy-floor-2: #4A7A64;
  --emerald-canopy-floor-3: #73A68F;
  --emerald-canopy-floor-4: #1E2E2A;
  --emerald-canopy-floor-5: #61917B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-canopy-floor": {
        1: "#2E473F",
        2: "#4A7A64",
        3: "#73A68F",
        4: "#1E2E2A",
        5: "#61917B",
      }
    }
  }
}

Related searches

emerald green forest floor palettedeep muted green color schemetranquil natural web designearthy UI colorsancient forest brand identity

Palette colors

Hex values

Color 1#2E473F
·
Color 2#4A7A64
·
Color 3#73A68F
·
Color 4#1E2E2A
·
Color 5#61917B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.6:1AA18
1.4:1Fail
2.8:1Fail
2
2:1Fail
1.8:1Fail
2.9:1Fail
1.4:1Fail
3
3.6:1AA18
1.8:1Fail
5.1:1AA
1.3:1Fail
4
1.4:1Fail
2.9:1Fail
5.1:1AA
4:1AA18
5
2.8:1Fail
1.4:1Fail
1.3:1Fail
4:1AA18

Similar palettes

More like Emerald Canopy Floor

View all dark
Deep Wood Ferns
Enchanted Deep Forest
Mossy Forest Enclave
Ancient Grove Hues
Deep Forest Seclusion
Elderwood Depths