Back to palettes

Palette

Gloomwood Canopy Depths

A shadowy array of deep greens, greys, and blues evoking the enigmatic atmosphere of an ancient, mystical forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1A0A#1F3F1F#3E5F3E#2F2F2F#1E2E3E

Palette guide

How to use Gloomwood Canopy Depths

Overview

The Gloomwood Canopy Depths palette offers a shadowy and enigmatic array of deep greens, greys, and blues, perfectly capturing the mysterious atmosphere of an ancient, dense forest. Featuring profound tones like the near-black forest green #0A1A0A, the rich mossy #1F3F1F, and the deep charcoal #2F2F2F, this collection is ideal for designers creating dark, immersive, and sophisticated experiences. The subtle inclusion of a dark blue-grey #1E2E3E adds a touch of cool complexity. Developers will find these colors excellent for crafting user interfaces, game environments, or narrative-driven applications that require a mood of intrigue, depth, and organic elegance.

Best used for

  • Dark fantasy game aesthetics
  • Mystery novel covers
  • Gothic-themed websites
  • Nature documentaries with a somber tone
  • Luxury product branding (e.g., whiskey, dark chocolate)
  • Immersive digital experiences

Suggested color roles

primary

#0A1A0A - A very deep, almost black forest green, serving as an excellent foundational background for a dark, immersive theme.

secondary

#1F3F1F - A rich, dark green, perfect for content blocks, navigation elements, or subtle distinctions within a dark interface.

accent

#3E5F3E - A slightly lighter, more visible green, ideal for interactive elements, highlights, or graphical details that need to gently emerge from the darkness.

background

#0A1A0A - This profound dark green sets a mysterious and elegant tone, providing a deep canvas for the other shades.

text

#2F2F2F - A very dark charcoal. For body text, especially against the very dark backgrounds, white or a very light grey (e.g., #E0E0E0) is essential for readability. #2F2F2F can work for large, prominent headings on lighter backgrounds within the palette, but generally is too dark for body text here.

Accessibility notes

  • This is a very dark palette; ensure all text and interactive elements have sufficient contrast against the backgrounds, likely requiring white or very light text.
  • Avoid using dark colors like #2F2F2F or #1E2E3E for body text on #0A1A0A, as contrast will be insufficient.
  • Use #3E5F3E for interactive elements, but ensure its contrast with the background meets WCAG standards for interactive elements.
  • Always test readability with actual content across various screen types and lighting conditions to confirm legibility.

Recommended combinations

Mysterious UI

#0A1A0A as the deep background, #1F3F1F for content panels, and #3E5F3E for subtle interactive elements.

#0A1A0A · #1F3F1F · #3E5F3E

Forest Depths Gradient

Create a subtle, shifting dark gradient for backgrounds or hero images, evoking depth.

#0A1A0A · #1F3F1F · #1E2E3E

Elegant Branding

#0A1A0A for primary brand color, #2F2F2F for secondary, and #3E5F3E for a sophisticated accent, paired with light text.

#0A1A0A · #2F2F2F · #3E5F3E

CSS variables

:root {
  --gloomwood-canopy-depths-1: #0A1A0A;
  --gloomwood-canopy-depths-2: #1F3F1F;
  --gloomwood-canopy-depths-3: #3E5F3E;
  --gloomwood-canopy-depths-4: #2F2F2F;
  --gloomwood-canopy-depths-5: #1E2E3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gloomwood-canopy-depths": {
        1: "#0A1A0A",
        2: "#1F3F1F",
        3: "#3E5F3E",
        4: "#2F2F2F",
        5: "#1E2E3E",
      }
    }
  }
}

Related searches

dark forest palettegothic green colorsmysterious dark thememoody nature palettedeep green and grey

Palette colors

Hex values

Color 1#0A1A0A
·
Color 2#1F3F1F
·
Color 3#3E5F3E
·
Color 4#2F2F2F
·
Color 5#1E2E3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.3:1Fail
1.3:1Fail
2
1.5:1Fail
1.6:1Fail
1.1:1Fail
1.2:1Fail
3
2.5:1Fail
1.6:1Fail
1.9:1Fail
1.9:1Fail
4
1.3:1Fail
1.1:1Fail
1.9:1Fail
1:1Fail
5
1.3:1Fail
1.2:1Fail
1.9:1Fail
1:1Fail

Similar palettes

More like Gloomwood Canopy Depths

View all dark
Dark Forest Undergrowth
Dark Woodland Shade
Deep Forest Silence
Ancient Forest Depths
Bayou Witch Gloom
Dark Forest Canopy