Back to palettes

Palette

Verdant Canopy Depths

Dark, lush greens that mimic the hidden depths and shaded light of an ancient forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Canopy Depths 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 Verdant Canopy Depths.

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

Data visualization

#0A361F#1E6B39#3A8E5C#6FA67F#AEC0B0

Palette guide

How to use Verdant Canopy Depths

Overview

The Verdant Canopy Depths palette delves into the rich, mysterious greens of an ancient forest, capturing shaded light and hidden beauty. It features a profound, almost black-green #0A361F, transitioning through deep #1E6B39 and balanced #3A8E5C, to the softer, misty #6FA67F and #AEC0B0. This collection is ideal for designs seeking sophistication, depth, and a touch of intrigue. Developers can craft immersive interfaces that feel established and premium, while designers will find these shades excellent for branding that conveys luxury, heritage, or a strong connection to nature's profound quietness and wisdom.

Best used for

  • Luxury eco-tourism brands
  • High-end sustainable products
  • Environmental conservation organizations
  • Dark mode UI themes
  • Mystical or fantasy-themed designs
  • Premium natural skincare packaging

Suggested color roles

primary

A very deep, almost black-green #0A361F, perfect for strong branding, backgrounds in dark mode, or powerful headings.

secondary

A rich, deep forest green #1E6B39, ideal for subheadings, navigation, or significant informational blocks.

accent

A vibrant, yet balanced green #3A8E5C, excellent for interactive elements, highlights, or graphical accents that need to stand out.

background

A light, muted green-grey #AEC0B0, providing a soft, breathable canvas. For dark mode, #0A361F works exceptionally well as a primary background.

text

For light backgrounds like #AEC0B0, use #0A361F or #1E6B39 for optimal readability. For dark backgrounds, a light white or near-white is essential.

Accessibility notes

  • #0A361F and #1E6B39 offer excellent contrast for text on #AEC0B0 or white.
  • When using dark backgrounds (e.g., #0A361F), ensure text colors like #6FA67F or #AEC0B0 meet WCAG AA contrast.
  • #3A8E5C can serve well as an accent on dark backgrounds but might need careful pairing for text.
  • Always check contrast ratios for all text and interactive elements, especially in dark mode implementations.

Recommended combinations

Deep Forest

Use for powerful, sophisticated branding, dark mode primary elements, or strong visual hierarchy.

#0A361F · #1E6B39 · #3A8E5C

Misty Undergrowth

Ideal for soft, layered backgrounds, subtle UI elements, or lighter content sections.

#AEC0B0 · #6FA67F · #3A8E5C

Canopy Glimmer

Good for high-contrast buttons, emphasized text, or clear data visualization against a dark base.

#1E6B39 · #AEC0B0 · #0A361F

CSS variables

:root {
  --verdant-canopy-depths-1: #0A361F;
  --verdant-canopy-depths-2: #1E6B39;
  --verdant-canopy-depths-3: #3A8E5C;
  --verdant-canopy-depths-4: #6FA67F;
  --verdant-canopy-depths-5: #AEC0B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-canopy-depths": {
        1: "#0A361F",
        2: "#1E6B39",
        3: "#3A8E5C",
        4: "#6FA67F",
        5: "#AEC0B0",
      }
    }
  }
}

Related searches

deep forest green palettedark green color schemesmysterious nature colorsluxury green brandingdark mode green UI

Palette colors

Hex values

Color 1#0A361F
·
Color 2#1E6B39
·
Color 3#3A8E5C
·
Color 4#6FA67F
·
Color 5#AEC0B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.3:1AA18
4.8:1AA
7:1AAA
2
2.1:1Fail
1.6:1Fail
2.3:1Fail
3.4:1AA18
3
3.3:1AA18
1.6:1Fail
1.4:1Fail
2.1:1Fail
4
4.8:1AA
2.3:1Fail
1.4:1Fail
1.5:1Fail
5
7:1AAA
3.4:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Verdant Canopy Depths

View all dark
Enchanted Evergreen Depth
Mystic Forest Shroud
Mystic Woods Bloom
Shaded Mystic Wood
Dark Forest Canopy
Dark Forest Lore