Back to palettes

Palette

Dark Forest Canopy

Deep and mysterious greens, embodying the shadowed depths and hidden wonders of a dense forest canopy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1C0A#1C331C#334A33#4A624A#627A62

Palette guide

How to use Dark Forest Canopy

Overview

The Dark Forest Canopy palette offers a serene yet mysterious gradient of deep greens, perfect for designs that aim to evoke nature's shadowed depths. From the almost black #0A1C0A to the lighter #627A62, this palette captures the essence of a dense, ancient forest. It's an excellent choice for environmental branding, outdoor adventure themes, or any project needing a calm, grounded, and sophisticated feel. Developers can implement these shades for dark mode interfaces, creating a restful user experience, while designers can use them to build organic textures and compelling visual narratives. The consistent green base ensures harmony across all applications.

Best used for

  • Nature-themed apps or websites
  • Eco-friendly product packaging
  • Outdoor adventure brand identity
  • Dark mode UI for productivity tools
  • Scientific or botanical illustrations
  • Serene meditation or wellness platforms

Suggested color roles

primary

#1C331C - A rich, deep forest green that serves as a strong, grounding primary color for headers, main content areas, or brand logos.

secondary

#334A33 - This mid-tone green offers a harmonious contrast, suitable for secondary navigation, accent panels, or important informational blocks.

accent

#627A62 - The lightest green in the palette, ideal for subtle highlights, interactive elements that need a gentle pop, or delicate graphical flourishes.

background

#0A1C0A - A very dark, almost black green that provides a profound and immersive background, perfect for a sophisticated dark mode or full-bleed imagery.

text

#4A624A - A legible, muted green that works well for body text on lighter backgrounds within the palette, or use a very light grey (e.g., #E0E0E0) for optimal contrast on #0A1C0A.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #627A62 for text on darker backgrounds.
  • Avoid placing #4A624A text directly on #334A33; contrast might be insufficient for accessibility.
  • For primary body text, consider using a high-contrast white or light gray on #0A1C0A and #1C331C.
  • Test all text and background pairings using WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Deep Forest

Creating a seamless, dark gradient for backgrounds or large hero sections, adding depth.

#0A1C0A · #1C331C · #334A33

Canopy Contrast

Pairing a dominant dark green with a lighter accent and a legible text color for content blocks.

#1C331C · #627A62 · #4A624A

Subtle Layers

Layering elements where subtle distinctions are needed, such as cards within a panel.

#334A33 · #4A624A · #627A62

CSS variables

:root {
  --dark-forest-canopy-1: #0A1C0A;
  --dark-forest-canopy-2: #1C331C;
  --dark-forest-canopy-3: #334A33;
  --dark-forest-canopy-4: #4A624A;
  --dark-forest-canopy-5: #627A62;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-forest-canopy": {
        1: "#0A1C0A",
        2: "#1C331C",
        3: "#334A33",
        4: "#4A624A",
        5: "#627A62",
      }
    }
  }
}

Related searches

deep green color schemedark nature paletteforest green hex codesmysterious green designmuted green web colors

Palette colors

Hex values

Color 1#0A1C0A
·
Color 2#1C331C
·
Color 3#334A33
·
Color 4#4A624A
·
Color 5#627A62
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.7:1Fail
3.8:1AA18
2
1.3:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
2.7:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
3.8:1AA18
2.9:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Dark Forest Canopy

View all dark
Deep Forest Murmur
Murmur Wood Shadow
Dark Woodland Shade
Deep Forest Canopy
Deep Undergrowth Shadow
Enchanted Evergreen Depth