Back to palettes

Palette

Forest Floor Shadows

Deep, hushed tones that evoke the cool, damp ground of an ancient wood, dappled with scarce light.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Floor Shadows 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 Forest Floor Shadows.

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

Data visualization

#2F4F4F#36454F#4A5D5F#6C7A7C#213232

Palette guide

How to use Forest Floor Shadows

Overview

The Forest Floor Shadows palette delves into the deep, cool tones of an ancient woodland, evoking a sense of mystery and tranquility. It features a dark forest green #2F4F4F, a profound charcoal blue #36454F, a muted teal #4A5D5F, a soft grey-green #6C7A7C, and a very deep, almost black green #213232. This collection of hex codes is ideal for designers aiming for a sophisticated, subdued, and serious aesthetic. Developers can implement these colors for elegant dark mode interfaces, luxury branding, or atmospheric digital environments, creating a rich and immersive user experience that is both calming and impactful.

Best used for

  • Luxury brand websites and apps
  • Dark mode UI themes for productivity tools
  • Environmental documentaries and media
  • Sophisticated interior design concepts
  • Art gallery or museum digital platforms
  • High-end product packaging with a mysterious edge

Suggested color roles

primary

#213232 - The deepest, almost black green, perfect for main backgrounds, large headers, or elements requiring maximum depth and seriousness.

secondary

#2F4F4F - A rich, dark forest green that provides excellent contrast for primary content, navigation, or significant data displays.

accent

#4A5D5F - A muted teal that serves as a subtle accent for interactive elements, hover states, or to draw attention without being overly bright.

background

#213232 - The primary background, offering a deep, immersive canvas. For lighter content areas, #36454F can provide a slight variation in depth.

text

White or a very light grey (e.g., #E0E0E0) is recommended for text on these dark backgrounds to ensure optimal readability and accessibility.

Accessibility notes

  • Ensure white or light grey text on #213232 or #2F4F4F backgrounds meets WCAG AAA contrast for optimal legibility.
  • Avoid using #6C7A7C for small text on any of the darker palette colors without careful contrast checking.
  • Use #4A5D5F for larger graphical elements or as a background for lighter text rather than as small text color.
  • Always test contrast ratios for UI elements, especially links and buttons, to guarantee they are distinguishable.

Recommended combinations

Deep Forest

Ideal for dark mode interfaces, using the deep green as a background with light grey-green for text and a darker green for accents.

#213232 · #6C7A7C · #2F4F4F

Mystic Hues

Creates a sophisticated, layered look for content blocks or feature sections, with subtle color shifts.

#36454F · #4A5D5F · #6C7A7C

Shadowed Path

A strong, elegant combination for headers or footers, providing depth with readable contrast.

#2F4F4F · #6C7A7C · #213232

CSS variables

:root {
  --forest-floor-shadows-1: #2F4F4F;
  --forest-floor-shadows-2: #36454F;
  --forest-floor-shadows-3: #4A5D5F;
  --forest-floor-shadows-4: #6C7A7C;
  --forest-floor-shadows-5: #213232;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-shadows": {
        1: "#2F4F4F",
        2: "#36454F",
        3: "#4A5D5F",
        4: "#6C7A7C",
        5: "#213232",
      }
    }
  }
}

Related searches

dark forest color schememuted green blue paletteshadowy nature tonesmysterious dark hex codessophisticated earth tones

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#36454F
·
Color 3#4A5D5F
·
Color 4#6C7A7C
·
Color 5#213232
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
2:1Fail
1.5:1Fail
2
1.1:1Fail
1.4:1Fail
2.2:1Fail
1.4:1Fail
3
1.3:1Fail
1.4:1Fail
1.6:1Fail
1.9:1Fail
4
2:1Fail
2.2:1Fail
1.6:1Fail
3:1AA18
5
1.5:1Fail
1.4:1Fail
1.9:1Fail
3:1AA18

Similar palettes

More like Forest Floor Shadows

View all dark
Deep Forest Labyrinth
Forest Mystic Glow
Ancient Forest Depths
Dark Forest Canopy
Dark Forest Lore
Dark Forest Undergrowth