Back to palettes

Palette

Verdant Gloom Woods

Evokes the deep, shadowed parts of a thick forest where light barely penetrates, holding ancient secrets.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Gloom Woods 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 Gloom Woods.

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

Data visualization

#0D1B1B#203531#3B5F52#688C78#A4BBA6

Palette guide

How to use Verdant Gloom Woods

Overview

The Verdant Gloom Woods palette captures the deep, shadowed essence of a dense, ancient forest where light barely penetrates. This collection ranges from the near-black Very Dark Green-Black #0D1B1B to the ethereal Pale Greyish Green #A4BBA6, creating a mood of mystery, tranquility, and profound depth. The Dark Forest Green #203531 and Deep Teal Green #3B5F52 provide rich, muted mid-tones, while the Muted Sage Green #688C78 offers a softer, atmospheric touch. Designers and developers can utilize this palette to craft immersive and sophisticated digital experiences, perfect for projects requiring a sense of elegance, introspection, or a strong connection to untouched nature.

Best used for

  • Luxury eco-lodges and retreats
  • High-end nature photography portfolios
  • Mysterious adventure game interfaces
  • Environmental conservation non-profits
  • Dark mode themes for creative apps
  • Art and design studios with a natural focus

Suggested color roles

primary

#0D1B1B (Very Dark Green-Black) - Ideal for foundational elements, headers, or background sections where a deep, dramatic, and luxurious feel is desired.

secondary

#203531 (Dark Forest Green) - Use for subheadings, navigation, or content panels, providing a harmonious and slightly softer supporting tone.

accent

#3B5F52 (Deep Teal Green) - A sophisticated accent for interactive elements, icons, or key highlights, adding subtle depth and interest.

background

#688C78 (Muted Sage Green) - A calming and spacious background for main content areas, ensuring excellent readability for darker text.

text

#0D1B1B (Very Dark Green-Black) - Provides superior contrast for body text against lighter backgrounds like #688C78 or #A4BBA6, ensuring clarity.

Accessibility notes

  • #A4BBA6 as a background requires very dark text, such as #0D1B1B, for optimal readability.
  • Ensure adequate contrast for text when using #688C78 with lighter greens; dark text is highly recommended.
  • The darkest colors (#0D1B1B, #203531, #3B5F52) provide excellent contrast with white or light grey text.
  • Always check text and interactive element contrast against WCAG guidelines, particularly for lighter color combinations.

Recommended combinations

Deep Woods

Creates a powerful, mysterious aesthetic for luxury branding or conceptual art.

#0D1B1B · #203531 · #3B5F52

Gloom Light

Elegant and understated interfaces for high-end services or editorial content.

#A4BBA6 · #688C78 · #203531

Forest Secrets

Sophisticated designs for environmental reports or nature-inspired product packaging.

#3B5F52 · #0D1B1B · #688C78

CSS variables

:root {
  --verdant-gloom-woods-1: #0D1B1B;
  --verdant-gloom-woods-2: #203531;
  --verdant-gloom-woods-3: #3B5F52;
  --verdant-gloom-woods-4: #688C78;
  --verdant-gloom-woods-5: #A4BBA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-gloom-woods": {
        1: "#0D1B1B",
        2: "#203531",
        3: "#3B5F52",
        4: "#688C78",
        5: "#A4BBA6",
      }
    }
  }
}

Related searches

dark green color palettemysterious forest schemedeep nature colorsgloom green brandingmuted dark greens

Palette colors

Hex values

Color 1#0D1B1B
·
Color 2#203531
·
Color 3#3B5F52
·
Color 4#688C78
·
Color 5#A4BBA6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
4.7:1AA
8.6:1AAA
2
1.4:1Fail
1.8:1Fail
3.5:1AA18
6.3:1AA
3
2.5:1Fail
1.8:1Fail
1.9:1Fail
3.5:1AA18
4
4.7:1AA
3.5:1AA18
1.9:1Fail
1.8:1Fail
5
8.6:1AAA
6.3:1AA
3.5:1AA18
1.8:1Fail

Similar palettes

More like Verdant Gloom Woods

View all dark
Deep Undergrowth Shadow
Velvet Forest Depths
Dark Forest Canopy
Dark Forest Lore
Dark Forest Undergrowth
Deep Forest Canopy