Back to palettes

Palette

Deep Forest Canopy

A rich, lush palette of deep greens, mirroring the dense, shadowy depths of an ancient forest canopy.

earthdark5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Canopy 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 Deep Forest Canopy.

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

Data visualization

#0A2E0A#224F22#406D40#679267#8FBCAE

Palette guide

How to use Deep Forest Canopy

Overview

The Deep Forest Canopy palette (version 2) is a rich and vibrant collection of greens, capturing the lush, shadowed depths of an ancient woodland. It starts with the intense, dark forest green of #0A2E0A, progressing through the robust #224F22 and the balanced #406D40. The palette then brightens with the fresh #679267, culminating in the serene, almost minty green of #8FBCAE. This collection is perfect for designs aiming to evoke nature, growth, or a sense of peaceful retreat. Its gradient allows for dynamic visual compositions, from natural landscapes to earthy, yet sophisticated, digital interfaces.

Best used for

  • Eco-tourism and outdoor adventure brands
  • Organic and natural product packaging
  • Environmental conservation websites
  • Wellness and mindfulness apps
  • Botanical garden branding
  • Sustainable architecture firms

Suggested color roles

primary

Use #224F22 for main brand elements and content blocks, conveying natural strength.

secondary

#406D40 is ideal for subheadings, navigation, or interactive elements, providing a clear, earthy contrast.

accent

#679267 offers a vibrant, fresh accent for calls-to-action or key highlights, drawing positive attention.

background

#0A2E0A provides a deep, immersive base, perfect for creating a sophisticated, natural atmosphere.

text

For dark backgrounds like #0A2E0A, use a light cream or off-white (e.g., #F9F9F9). For lighter backgrounds, a deep forest green like #0A2E0A or #224F22 is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing #679267 text with #406D40 or #224F22 backgrounds.
  • White or very light text provides good readability on #0A2E0A and #224F22.
  • Avoid using #8FBCAE for small text on #679267 backgrounds due to potential low contrast.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Forest Depths

Creates a profound, natural base for backgrounds and main content, establishing depth.

#0A2E0A · #224F22 · #406D40

Canopy Light

Excellent for gradients, layered elements, or representing growth and freshness.

#406D40 · #679267 · #8FBCAE

Earthy Contrast

Combine the darkest green for text with a vibrant accent and a light background.

#0A2E0A · #679267 · #8FBCAE

CSS variables

:root {
  --deep-forest-canopy-2-1: #0A2E0A;
  --deep-forest-canopy-2-2: #224F22;
  --deep-forest-canopy-2-3: #406D40;
  --deep-forest-canopy-2-4: #679267;
  --deep-forest-canopy-2-5: #8FBCAE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-canopy-2": {
        1: "#0A2E0A",
        2: "#224F22",
        3: "#406D40",
        4: "#679267",
        5: "#8FBCAE",
      }
    }
  }
}

Related searches

deep green nature paletteforest inspired colorseco-friendly brandingnatural green color schemeserene woodland design

Palette colors

Hex values

Color 1#0A2E0A
·
Color 2#224F22
·
Color 3#406D40
·
Color 4#679267
·
Color 5#8FBCAE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.2:1AA18
7.1:1AAA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
4.5:1AA
3
2.5:1Fail
1.6:1Fail
1.7:1Fail
2.9:1Fail
4
4.2:1AA18
2.7:1Fail
1.7:1Fail
1.7:1Fail
5
7.1:1AAA
4.5:1AA
2.9:1Fail
1.7:1Fail

Similar palettes

More like Deep Forest Canopy

View all earth
Evergreen Canopy Light
Mystical Forest Twilight
Canopy Whisper Deep
Emerald Canopy Mist
Emerald Moss Canopy
Mystic Forest Veil