Back to palettes

Palette

Deep Undergrowth Shadow

Immerse yourself in the profound, hushed darkness of a forest's deepest, most shadowed corners.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Undergrowth Shadow 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 Undergrowth Shadow.

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

Data visualization

#1A1D1C#2F3B2E#424D41#555A52#1D2B1B

Palette guide

How to use Deep Undergrowth Shadow

Overview

The Deep Undergrowth Shadow palette captures the profound, hushed darkness of a forest's deepest corners, where greens are muted and shadows reign. With colors like the near-black #1A1D1C and #1D2B1B, it blends seamlessly into deeper, earthy greens such as #2F3B2E and #424D41, softened by the subtle grey-green #555A52. This mysterious and dark collection is perfect for designers seeking to evoke nature's quiet strength, groundedness, and understated elegance. Developers can utilize these hues for eco-friendly branding, nature-themed applications, or sophisticated dark mode UIs that convey a sense of calm and deep natural beauty.

Best used for

  • Eco-conscious brand identities
  • Nature photography websites
  • Outdoor apparel or gear branding
  • Dark mode themes for productivity apps
  • Environmental non-profit materials
  • Relaxation or meditation app interfaces

Suggested color roles

primary

#1A1D1C - Provides a deep, grounding foundation, ideal for main backgrounds or dominant structural elements.

secondary

#2F3B2E - A rich, dark green suitable for content panels, section headers, or secondary UI components.

accent

#555A52 - Offers a subtle, calming contrast, excellent for interactive elements, highlights, or soft graphical accents.

background

#1D2B1B - A very deep, almost black-green that works well for immersive background textures or subtle layering.

text

#555A52 - Recommended for primary text against the darkest shades like #1A1D1C or #1D2B1B, or a very light grey for better contrast.

Accessibility notes

  • Text in #555A52 against #1A1D1C will have limited contrast; consider a lighter text color like a soft white or light grey for readability.
  • The palette is generally dark; ensure sufficient contrast for all text elements by using lighter colors (e.g., #E0E0E0) for text.
  • Avoid placing text in #2F3B2E on #1D2B1B, as the contrast will be extremely low.
  • For interactive elements, ensure they are clearly distinguishable from their background, perhaps with a subtle border or hover effect if using similar dark tones.

Recommended combinations

Forest Floor

To create a deep, textured background or for subtle distinctions between dark content blocks.

#1A1D1C · #2F3B2E · #1D2B1B

Muted Growth

For hierarchical content or subtle data visualization, where the slight shifts in tone add depth without harsh contrast.

#2F3B2E · #424D41 · #555A52

Shadowed Path

Effective for elegant branding or UI elements, offering a harmonious blend of deep greens and soft greys.

#1D2B1B · #424D41 · #555A52

CSS variables

:root {
  --deep-undergrowth-shadow-1: #1A1D1C;
  --deep-undergrowth-shadow-2: #2F3B2E;
  --deep-undergrowth-shadow-3: #424D41;
  --deep-undergrowth-shadow-4: #555A52;
  --deep-undergrowth-shadow-5: #1D2B1B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-undergrowth-shadow": {
        1: "#1A1D1C",
        2: "#2F3B2E",
        3: "#424D41",
        4: "#555A52",
        5: "#1D2B1B",
      }
    }
  }
}

Related searches

dark forest green palettedeep undergrowth colorsmysterious green brandingmuted earthy tonesshadowed nature color scheme

Palette colors

Hex values

Color 1#1A1D1C
·
Color 2#2F3B2E
·
Color 3#424D41
·
Color 4#555A52
·
Color 5#1D2B1B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.4:1Fail
1.1:1Fail
2
1.4:1Fail
1.3:1Fail
1.7:1Fail
1.3:1Fail
3
1.9:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.4:1Fail
1.7:1Fail
1.3:1Fail
2.1:1Fail
5
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.1:1Fail

Similar palettes

More like Deep Undergrowth Shadow

View all dark
Velvet Forest Depths
Verdant Gloom Woods
Dark Forest Canopy
Dark Forest Lore
Dark Forest Undergrowth
Deep Forest Canopy