Back to palettes

Palette

Deep Forest Canopy

The profound and mysterious depths of a dense, ancient forest canopy.

darkdark5 colors
More dark 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

#1E382A#3B5A4B#5E7A6B#2C4D3C#0F2A1E

Palette guide

How to use Deep Forest Canopy

Overview

The Deep Forest Canopy palette (version 4) delves into the profound and mysterious depths of a dense, ancient forest, offering a rich and earthy collection of greens. It features the deep, verdant #1E382A, the balanced #3B5A4B, and the softer #5E7A6B. Complementing these are the slightly darker #2C4D3C and the almost black, deepest forest green of #0F2A1E, which anchors the palette with significant gravitas. This collection is ideal for designs requiring a strong connection to nature, a sense of grounded wisdom, or a luxurious, understated feel. Its varied greens allow for rich textural layering.

Best used for

  • Traditional luxury brands
  • Wilderness lodge or retreat branding
  • Documentary filmmaking websites
  • Sustainable forestry initiatives
  • Premium organic food packaging
  • Landscape architecture portfolios

Suggested color roles

primary

Use #1E382A for main brand elements and large sections, conveying depth and timelessness.

secondary

#3B5A4B is excellent for subheadings, navigation, or interactive elements, providing a strong, natural contrast.

accent

#5E7A6B can be used for subtle highlights or background textures, adding a touch of soft elegance.

background

#0F2A1E provides a truly profound, dark canvas, ideal for creating a luxurious or mysterious atmosphere.

text

White or very light cream text (e.g., #FCFCFC) provides optimal contrast on #0F2A1E, #2C4D3C, and #1E382A. For lighter backgrounds, a deep charcoal or black is suitable.

Accessibility notes

  • Ensure sufficient contrast when pairing #5E7A6B text with #3B5A4B or #1E382A backgrounds.
  • White text on #0F2A1E and #2C4D3C provides excellent readability.
  • Avoid low-contrast combinations like #3B5A4B text on #5E7A6B backgrounds for small text.
  • Always check contrast ratios for all text and interactive elements to ensure legibility.

Recommended combinations

Ancient Woods

Creates a deep, powerful base for backgrounds and primary elements, evoking a sense of age.

#0F2A1E · #1E382A · #2C4D3C

Forest Texture

Excellent for layered designs, gradients, or representing the varied textures of a forest.

#1E382A · #3B5A4B · #5E7A6B

Grounded Elegance

Combine the darkest green for text, a mid-tone for accents, and the lightest for a soft background.

#0F2A1E · #3B5A4B · #5E7A6B

CSS variables

:root {
  --deep-forest-canopy-4-1: #1E382A;
  --deep-forest-canopy-4-2: #3B5A4B;
  --deep-forest-canopy-4-3: #5E7A6B;
  --deep-forest-canopy-4-4: #2C4D3C;
  --deep-forest-canopy-4-5: #0F2A1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-canopy-4": {
        1: "#1E382A",
        2: "#3B5A4B",
        3: "#5E7A6B",
        4: "#2C4D3C",
        5: "#0F2A1E",
      }
    }
  }
}

Related searches

dark forest green palettedeep woodland colorsearthy green brandingmysterious nature schemerich green UI design

Palette colors

Hex values

Color 1#1E382A
·
Color 2#3B5A4B
·
Color 3#5E7A6B
·
Color 4#2C4D3C
·
Color 5#0F2A1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.4:1Fail
1.2:1Fail
2
1.7:1Fail
1.6:1Fail
1.2:1Fail
2:1Fail
3
2.7:1Fail
1.6:1Fail
2:1Fail
3.3:1AA18
4
1.4:1Fail
1.2:1Fail
2:1Fail
1.6:1Fail
5
1.2:1Fail
2:1Fail
3.3:1AA18
1.6:1Fail

Similar palettes

More like Deep Forest Canopy

View all dark
Dark Forest Undergrowth
Deep Forest Twilight
Deep Undergrowth Shadow
Shadowed Forest Depths
Velvet Forest Depths
Verdant Gloom Woods