Back to palettes

Palette

Enchanted Woodland Glade

Deep and earthy tones evoking the mystery and stillness of a secluded forest glade.

darknatural5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Woodland 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 Enchanted Woodland Glade.

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

Data visualization

#8B8C4A#6A8C4A#4A6C4A#2F482B#0D1A0D

Palette guide

How to use Enchanted Woodland Glade

Overview

The Enchanted Woodland Glade palette captures the mystery and stillness of a secluded forest glade with its deep and earthy tones. Ranging from a profound dark forest green #0D1A0D to a lighter, muted olive green #8B8C4A, this collection is perfect for designers seeking a natural, grounding, and sophisticated aesthetic. Developers will find these hex codes ideal for crafting robust dark mode themes, nature-inspired branding, and evocative digital environments. The harmonious progression of these green-brown shades, with #4A6C4A providing a crucial mid-tone, ensures visual cohesion and a distinctly organic, tranquil atmosphere.

Best used for

  • Eco-friendly brand identities and packaging
  • Outdoor adventure and nature exploration websites
  • Dark mode UI/UX for productivity or mindfulness apps
  • Documentary film branding or title sequences
  • Luxury rustic lodge or retreat marketing
  • Digital art depicting deep forest scenes

Suggested color roles

primary

#0D1A0D - A very deep, almost black forest green, excellent for dominant backgrounds, headers, or large graphical elements, establishing a profound, natural foundation.

secondary

#2F482B - A rich, dark olive green. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth to the dark theme.

accent

#6A8C4A - A muted, earthy sage green. Perfect for highlighting interactive elements, icons, or subtle decorative details where a touch of gentle contrast is desired.

background

#0D1A0D - Provides a deep, immersive canvas that sets a mysterious and elegant tone.

text

#8B8C4A - A lighter, muted olive green that offers excellent readability against the darker backgrounds, maintaining the palette's organic and deep aesthetic.

Accessibility notes

  • Ensure #8B8C4A text on #0D1A0D or #2F482B backgrounds meets WCAG AA contrast standards.
  • Avoid using #4A6C4A text on #2F482B as the contrast may be insufficient for readability, especially for smaller fonts.
  • For interactive elements using #6A8C4A, verify its contrast against the background to ensure visibility for all users.
  • Consider a slightly brighter, near-white text for critical information if the light greens don't pass strict accessibility checks in smaller sizes.

Recommended combinations

Deep Forest Floor

Deepest forest green for the main background, dark olive for secondary sections, and light olive for clear, readable text.

#0D1A0D · #2F482B · #8B8C4A

Woodland Layers

Layered content with #2F482B as base, #4A6C4A for cards, and #6A8C4A for subtle highlights or borders.

#2F482B · #4A6C4A · #6A8C4A

Glade Serenity

Dominant dark background, light olive for headings and main text, and muted sage for interactive elements or decorative accents.

#0D1A0D · #8B8C4A · #6A8C4A

CSS variables

:root {
  --enchanted-woodland-glade-1: #8B8C4A;
  --enchanted-woodland-glade-2: #6A8C4A;
  --enchanted-woodland-glade-3: #4A6C4A;
  --enchanted-woodland-glade-4: #2F482B;
  --enchanted-woodland-glade-5: #0D1A0D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-woodland-glade": {
        1: "#8B8C4A",
        2: "#6A8C4A",
        3: "#4A6C4A",
        4: "#2F482B",
        5: "#0D1A0D",
      }
    }
  }
}

Related searches

deep forest green palettewoodland glade color schemedark nature UI designearthy green brown colorsnatural sophisticated branding

Palette colors

Hex values

Color 1#8B8C4A
·
Color 2#6A8C4A
·
Color 3#4A6C4A
·
Color 4#2F482B
·
Color 5#0D1A0D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
2.9:1Fail
5.1:1AA
2
1.1:1Fail
1.5:1Fail
2.6:1Fail
4.7:1AA
3
1.7:1Fail
1.5:1Fail
1.7:1Fail
3:1AA18
4
2.9:1Fail
2.6:1Fail
1.7:1Fail
1.8:1Fail
5
5.1:1AA
4.7:1AA
3:1AA18
1.8:1Fail

Similar palettes

More like Enchanted Woodland Glade

View all dark
Deep Forest Seclusion
Elderwood Depths
Mossy Forest Enclave
Ancient Canopy Soul
Deep Wood Ferns
Emerald Canopy Floor