Back to palettes

Palette

Dark Forest Glade

Mysterious and cool greens reflect the shadowy depths of an old, undisturbed forest glade.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B3A36#3E4F4B#516460#657B77#7B928E

Palette guide

How to use Dark Forest Glade

Overview

The Dark Forest Glade palette offers a captivating range of cool, muted greens and grays, embodying the tranquil yet mysterious essence of a shadowed forest clearing. From the deep #2B3A36 to the airy #7B928E, these colors provide a sophisticated gradient for designs seeking a calm, grounded, and slightly enigmatic aesthetic. It's an excellent choice for environmental branding, serene digital interfaces, or any project needing to convey natural depth and quiet elegance. Designers can use these shades to create cohesive visual narratives, while developers can implement them for dark mode themes that are easy on the eyes and exude a natural sophistication.

Best used for

  • Eco-conscious brand identities
  • Serene meditation app interfaces
  • Photography portfolios with nature themes
  • Interior design inspiration for minimalist spaces
  • Branding for artisan crafts or organic products
  • Educational platforms focused on natural sciences

Suggested color roles

primary

#3E4F4B - A deep, cool green-gray that provides a stable and sophisticated primary color for main content areas, headers, or brand elements.

secondary

#516460 - This balanced mid-tone green-gray offers a harmonious complement, suitable for secondary information, subheadings, or background panels.

accent

#7B928E - The lightest shade, a soft, ethereal green-gray, perfect for subtle highlights, interactive states, or delicate decorative elements.

background

#2B3A36 - A rich, profound dark green-gray that creates an immersive and calming background, ideal for dark mode or full-bleed layouts.

text

#657B77 - A legible, muted green-gray that works well for body text on lighter backgrounds within the palette. For optimal readability on the darkest shades, consider a very light gray (e.g., #F0F0F0).

Accessibility notes

  • Ensure sufficient contrast when using #7B928E for text on darker background colors like #2B3A36 or #3E4F4B.
  • Avoid placing #657B77 text on #516460; their contrast might be insufficient.
  • For primary body text, a light contrasting color like white or off-white is recommended.
  • Always check color combinations with a WCAG contrast checker to ensure readability for all users.

Recommended combinations

Glade Depth

Creating a seamless, dark-to-mid gradient for backgrounds or large sections to add depth.

#2B3A36 · #3E4F4B · #516460

Soft Highlight

Using a dominant dark green with a gentle accent and a readable text color for cards or feature panels.

#3E4F4B · #7B928E · #657B77

Tranquil Layers

Designing UI elements with subtle tonal shifts for hierarchy, like nested containers or tabs.

#516460 · #657B77 · #7B928E

CSS variables

:root {
  --dark-forest-glade-1: #2B3A36;
  --dark-forest-glade-2: #3E4F4B;
  --dark-forest-glade-3: #516460;
  --dark-forest-glade-4: #657B77;
  --dark-forest-glade-5: #7B928E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-forest-glade": {
        1: "#2B3A36",
        2: "#3E4F4B",
        3: "#516460",
        4: "#657B77",
        5: "#7B928E",
      }
    }
  }
}

Related searches

muted green grey palettedark tranquil colorsforest glade aestheticcool natural greenssophisticated dark greens

Palette colors

Hex values

Color 1#2B3A36
·
Color 2#3E4F4B
·
Color 3#516460
·
Color 4#657B77
·
Color 5#7B928E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.6:1Fail
3.6:1AA18
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.6:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.6:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Dark Forest Glade

View all dark
Ancient Forest Depths
Deep Forest Twilight
Dark Forest Cloak
Dark Forest Lore
Dark Forest Undergrowth
Deep Forest Canopy