Back to palettes

Palette

Dark Forest Lore

Deep, shadowy greens and muted tones, hinting at the ancient secrets held within a dark, mythical forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A2421#2C3D38#405954#597A73#779C95

Palette guide

How to use Dark Forest Lore

Overview

The Dark Forest Lore palette (original) offers a nuanced gradient of deep, shadowy greens and muted teal-grays, evoking the ancient secrets of an enchanted forest. From the profound #1A2421 to the ethereal #779C95, this palette is ideal for designs that aim for a mysterious, sophisticated, and earthy aesthetic. It's perfectly suited for historical or fantasy-themed projects, eco-conscious branding, or digital interfaces that require a calm yet intriguing presence. Designers can use its depth for immersive backgrounds, while developers will find it excellent for creating dark mode themes that are easy on the eyes and exude a natural, organic elegance.

Best used for

  • Historical documentary websites
  • Fantasy novel cover designs
  • Artisanal craft branding
  • Dark mode UI for educational apps
  • Nature photography showcase sites
  • Eco-luxury product packaging

Suggested color roles

primary

#2C3D38 - A deep, muted teal-green that serves as a strong, sophisticated primary color for headers, main content areas, or brand identity.

secondary

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

accent

#779C95 - The lightest shade, a soft, ethereal teal-gray, perfect for subtle highlights, interactive states, or delicate graphical details.

background

#1A2421 - An exceptionally dark, almost black-green, offering a deep, immersive background that enhances the mysterious feel of the palette.

text

#597A73 - 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 #779C95 for text on darker background colors like #1A2421 or #2C3D38.
  • Avoid placing #597A73 text on similar mid-tones like #405954 without careful contrast checking.
  • For critical text on the darkest backgrounds, opt for a pure white or very light gray to meet accessibility standards.
  • Test all color pairings for sufficient contrast, particularly for interactive elements and crucial information.

Recommended combinations

Ancient Depths

Creating deep, layered backgrounds or sequential sections that transition smoothly.

#1A2421 · #2C3D38 · #405954

Mythic Highlight

Pairing a dark base with a light accent and a legible text color for cards or feature blocks.

#2C3D38 · #779C95 · #597A73

Enigmatic Layers

Designing UI elements where subtle tonal shifts provide hierarchy without stark contrast.

#405954 · #597A73 · #779C95

CSS variables

:root {
  --dark-forest-lore-1: #1A2421;
  --dark-forest-lore-2: #2C3D38;
  --dark-forest-lore-3: #405954;
  --dark-forest-lore-4: #597A73;
  --dark-forest-lore-5: #779C95;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-forest-lore": {
        1: "#1A2421",
        2: "#2C3D38",
        3: "#405954",
        4: "#597A73",
        5: "#779C95",
      }
    }
  }
}

Related searches

deep teal green palettemysterious forest colorsmuted green dark themeancient woods color schemeshadowy nature hues

Palette colors

Hex values

Color 1#1A2421
·
Color 2#2C3D38
·
Color 3#405954
·
Color 4#597A73
·
Color 5#779C95
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.4:1AA18
5.3:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.8:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.3:1AA
3.8:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Dark Forest Lore

View all dark
Deep Forest Lumina
Deep Forest Mystery
Deep Forest Twilight
Deep Undergrowth Shadow
Emerald Canopy Depths
Enchanted Evergreen Depth