Back to palettes

Palette

Dark Woodland Shade

A mysterious and deep green palette, like wandering through an enchanted, shaded woodland.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Woodland Shade 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 Woodland Shade.

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

Data visualization

#0A1C0F#1A3620#305A38#4A8055#70A07B

Palette guide

How to use Dark Woodland Shade

Overview

The Dark Woodland Shade palette offers a mysterious and deep gradient of greens, like wandering through an enchanted, shaded woodland. From the profound #0A1C0F to the lighter #70A07B, this palette provides a harmonious range for designs that require a natural, tranquil, yet slightly enigmatic feel. It's ideal for environmental branding, outdoor adventure themes, or any project needing a calm, grounded, and sophisticated feel. Developers can implement these shades for dark mode interfaces, creating a restful user experience, while designers can use them to build organic textures and compelling visual narratives that evoke the quiet beauty of nature.

Best used for

  • Nature-themed apps or websites
  • Eco-friendly product packaging
  • Outdoor adventure brand identity
  • Dark mode UI for productivity tools
  • Scientific or botanical illustrations
  • Serene meditation or wellness platforms

Suggested color roles

primary

#1A3620 - A rich, deep forest green that serves as a strong, grounding primary color for headers, main content areas, or brand logos.

secondary

#305A38 - This balanced mid-tone green offers a harmonious complement, suitable for secondary navigation, accent panels, or important informational blocks.

accent

#70A07B - The lightest green in the palette, ideal for subtle highlights, interactive elements that need a gentle pop, or delicate graphical flourishes.

background

#0A1C0F - A very dark, almost black green that provides a profound and immersive background, perfect for a sophisticated dark mode or full-bleed imagery.

text

#4A8055 - A legible, muted green that works well for body text on lighter backgrounds within the palette, or use a very light grey (e.g., #E0E0E0) for optimal contrast on #0A1C0F.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #70A07B for text on darker backgrounds.
  • Avoid placing #4A8055 text directly on #305A38; contrast might be insufficient for accessibility.
  • For primary body text, consider using a high-contrast white or light gray on #0A1C0F and #1A3620.
  • Test all text and background pairings using WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Shaded Depths

Creating a seamless, dark gradient for backgrounds or large hero sections, adding depth.

#0A1C0F · #1A3620 · #305A38

Woodland Contrast

Pairing a dominant dark green with a lighter accent and a legible text color for content blocks.

#1A3620 · #70A07B · #4A8055

Forest Layers

Layering elements where subtle distinctions are needed, such as cards within a panel.

#305A38 · #4A8055 · #70A07B

CSS variables

:root {
  --dark-woodland-shade-1: #0A1C0F;
  --dark-woodland-shade-2: #1A3620;
  --dark-woodland-shade-3: #305A38;
  --dark-woodland-shade-4: #4A8055;
  --dark-woodland-shade-5: #70A07B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-woodland-shade": {
        1: "#0A1C0F",
        2: "#1A3620",
        3: "#305A38",
        4: "#4A8055",
        5: "#70A07B",
      }
    }
  }
}

Related searches

deep green color schemedark nature paletteforest green hex codesmysterious green designmuted green web colors

Palette colors

Hex values

Color 1#0A1C0F
·
Color 2#1A3620
·
Color 3#305A38
·
Color 4#4A8055
·
Color 5#70A07B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
3.8:1AA18
5.9:1AA
2
1.3:1Fail
1.7:1Fail
2.8:1Fail
4.4:1AA18
3
2.2:1Fail
1.7:1Fail
1.7:1Fail
2.6:1Fail
4
3.8:1AA18
2.8:1Fail
1.7:1Fail
1.6:1Fail
5
5.9:1AA
4.4:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Dark Woodland Shade

View all dark
Dark Forest Canopy
Dark Forest Undergrowth
Deep Forest Canopy
Deep Forest Murmur
Deep Forest Silence
Gloomwood Canopy Depths