Back to palettes

Palette

Evergreen Canopy Light

Deep and earthy tones capturing the mysterious shadows and filtered light of an ancient evergreen forest.

earthdark5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Evergreen Canopy Light 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 Evergreen Canopy Light.

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

Data visualization

#1D3A2F#2A4C3D#3E6350#577D6A#779B87

Palette guide

How to use Evergreen Canopy Light

Overview

The "Evergreen Canopy Light" palette captures the serene and mysterious essence of a deep forest, where filtered light plays through dense foliage. This collection features a range of sophisticated greens, from the very deep #1D3A2F and rich #2A4C3D to the earthy #3E6350, a softer #577D6A, and a light, airy #779B87. These hues are perfect for projects seeking to evoke nature, tranquility, and organic elegance. Designers and developers can utilize this palette to create grounded, refined, and inviting digital or physical experiences.

Best used for

  • Eco-friendly and sustainable brand identities
  • Nature-inspired product packaging
  • Outdoor adventure or travel websites
  • Wellness and mindfulness applications
  • Interior design concepts (natural themes)
  • Botanical illustrations and branding

Suggested color roles

primary

#1D3A2F (Deep Forest Green) – Use as a foundational background or primary color to establish a sense of depth and stability.

secondary

#3E6350 (Mossy Green) – Ideal for large content blocks, headers, or as a complementary base for lighter elements.

accent

#577D6A (Canopy Green) – Employ for interactive elements, highlights, or to bring a refreshing, mid-tone contrast.

background

#1D3A2F or #2A4C3D – Provides a rich, dark backdrop, allowing lighter greens and white text to stand out.

text

Pure white or a very light grey for body text on dark backgrounds. For headings or sub-text, #779B87 can offer a softer, natural feel against darker greens.

Accessibility notes

  • Ensure high contrast for text on backgrounds; white or very light grey text is essential on #1D3A2F, #2A4C3D, and #3E6350.
  • Use #779B87 for larger text or as a background color with dark text, as its lightness might not pass contrast ratios with other light greens.
  • Avoid using #577D6A or #779B87 as primary text colors on similar mid-tone greens.
  • Test all color pairings with a contrast checker to meet WCAG standards, particularly for smaller text.

Recommended combinations

Forest Depths

Creates a deep, contemplative mood, perfect for backgrounds with lighter, readable text or subtle highlights.

#1D3A2F · #2A4C3D · #779B87

Filtered Light

Excellent for layered designs, gradients, or sections where a smooth transition of natural greens is desired.

#3E6350 · #577D6A · #779B87

Grounded Harmony

Provides a balanced, earthy feel, suitable for brand elements that communicate stability and organic quality.

#2A4C3D · #577D6A · #1D3A2F

CSS variables

:root {
  --evergreen-canopy-light-1: #1D3A2F;
  --evergreen-canopy-light-2: #2A4C3D;
  --evergreen-canopy-light-3: #3E6350;
  --evergreen-canopy-light-4: #577D6A;
  --evergreen-canopy-light-5: #779B87;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "evergreen-canopy-light": {
        1: "#1D3A2F",
        2: "#2A4C3D",
        3: "#3E6350",
        4: "#577D6A",
        5: "#779B87",
      }
    }
  }
}

Related searches

deep forest green palettenatural green color schemeearthy green UI colorsserene nature brandingorganic design palette

Palette colors

Hex values

Color 1#1D3A2F
·
Color 2#2A4C3D
·
Color 3#3E6350
·
Color 4#577D6A
·
Color 5#779B87
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.7:1Fail
4:1AA18
2
1.3:1Fail
1.4:1Fail
2.1:1Fail
3.1:1AA18
3
1.8:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.7:1Fail
2.1:1Fail
1.5:1Fail
1.5:1Fail
5
4:1AA18
3.1:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Evergreen Canopy Light

View all earth
Deep Forest Canopy
Mystical Forest Twilight
Enchanted Forest Path
Industrial Forge Ember
Molten Stone Texture
Monsoon Mire Deep