Back to palettes

Palette

Shadowed Forest Glen

Evokes the quiet mystery of a dense forest floor bathed in starlight and shadow, hinting at hidden wonders.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Forest Glen 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 Shadowed Forest Glen.

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

Data visualization

#004D40#2F4F4F#1C2D39#4B5320#8B4513

Palette guide

How to use Shadowed Forest Glen

Overview

The Shadowed Forest Glen palette unveils a rich, mysterious blend of deep greens, grays, and earthy browns, reminiscent of an ancient, hushed woodland. It features a profound dark teal #004D40, a deep slate gray #2F4F4F, and a dark blue-gray #1C2D39. These are complemented by an intriguing muted olive #4B5320 and a warm, rustic #8B4513. This unique collection is perfect for designers and developers aiming to evoke a sense of tradition, rustic elegance, or deep natural mystery. The palette's diverse yet harmonious dark tones allow for sophisticated layering and impactful accents, creating a truly distinctive visual experience.

Best used for

  • Heritage brand websites
  • Craft breweries or distilleries
  • Rustic luxury accommodations
  • Outdoor apparel and gear
  • Fantasy-themed digital art
  • Sustainable and artisan product showcases

Suggested color roles

primary

#004D40 provides a deep, elegant foundation for main backgrounds or header sections, conveying sophistication.

secondary

Use #2F4F4F or #1C2D39 for distinct content blocks, cards, or sidebars, offering clear visual separation.

accent

#8B4513 serves as a warm, earthy accent for calls to action, important links, or subtle decorative elements.

background

#004D40 for a rich, deep green base, or #2F4F4F for a more neutral dark gray.

text

A light off-white or cream color works best for text on the darker shades. On #4B5320, a dark brown like #8B4513 can be effective.

Accessibility notes

  • Ensure sufficient contrast when pairing #4B5320 with other dark tones; it might require lighter text.
  • #8B4513 as text on #004D40 might not pass WCAG AA; use a lighter text color instead.
  • For primary text on #004D40, #2F4F4F, or #1C2D39, use a very light color (e.g., white or light gray).
  • Pay extra attention to contrast for small text elements, opting for high-contrast pairings.

Recommended combinations

Forest Floor

Combines deep greens and grays with a warm brown accent, ideal for natural, earthy designs.

#004D40 · #2F4F4F · #8B4513

Hidden Glen

Creates a mysterious, organic feel with a muted olive and a rustic brown highlight for subtle details.

#1C2D39 · #4B5320 · #8B4513

Deep Canopy

Layers deep green and blue-gray with an olive for rich, sophisticated backgrounds and content areas.

#004D40 · #1C2D39 · #4B5320

CSS variables

:root {
  --shadowed-forest-glen-1: #004D40;
  --shadowed-forest-glen-2: #2F4F4F;
  --shadowed-forest-glen-3: #1C2D39;
  --shadowed-forest-glen-4: #4B5320;
  --shadowed-forest-glen-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-forest-glen": {
        1: "#004D40",
        2: "#2F4F4F",
        3: "#1C2D39",
        4: "#4B5320",
        5: "#8B4513",
      }
    }
  }
}

Related searches

dark forest green paletterustic elegant colorsmysterious woodland themedeep natural ui designearthy dark aesthetic

Palette colors

Hex values

Color 1#004D40
·
Color 2#2F4F4F
·
Color 3#1C2D39
·
Color 4#4B5320
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail
2
1.1:1Fail
1.6:1Fail
1.1:1Fail
1.3:1Fail
3
1.4:1Fail
1.6:1Fail
1.7:1Fail
2:1Fail
4
1.2:1Fail
1.1:1Fail
1.7:1Fail
1.2:1Fail
5
1.4:1Fail
1.3:1Fail
2:1Fail
1.2:1Fail

Similar palettes

More like Shadowed Forest Glen

View all dark