Back to palettes

Palette

Dark Forest Cloak

A rich, shadowy palette evoking the dense, enigmatic depths of an ancient, enchanted forest at dusk.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1C16#1A3A34#2F4F4F#4A605B#6D7F7D

Palette guide

How to use Dark Forest Cloak

Overview

The Dark Forest Cloak palette presents a sophisticated blend of deep, muted greens and grays, perfect for designs that aim for an enigmatic and grounded aesthetic. Ranging from the profound #0A1C16 to the softer #6D7F7D, these colors evoke the shadowy depths of an ancient forest at dusk. This palette is excellent for creating a sense of mystery, elegance, and natural sophistication in branding, UI/UX, or digital art. Designers can use its depth for immersive backgrounds, while developers can appreciate its suitability for dark mode themes that require a subtle, organic feel. The subtle blue-green undertones add a unique character.

Best used for

  • Luxury outdoor gear branding
  • Dark mode interfaces for creative applications
  • Documentary film titles or promotional materials
  • Architectural visualization with natural elements
  • Sophisticated editorial design for history or nature topics
  • High-end spa or wellness brand identity

Suggested color roles

primary

#1A3A34 - A deep, rich teal-gray that provides a strong, elegant foundation for primary elements, large sections, or brand identity.

secondary

#2F4F4F - A balanced, muted blue-gray, ideal for secondary content blocks, navigation, or as a contrasting panel against the primary.

accent

#6D7F7D - The lightest shade, a soft, muted green-gray, perfect for subtle highlights, interactive states, or delicate graphical details.

background

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

text

#4A605B - A mid-tone green-gray that can be used for subheadings or secondary text. For main body text on dark backgrounds, use a very light gray (e.g., #F0F0F0) for optimal readability.

Accessibility notes

  • Ensure high contrast when using #6D7F7D for text on darker shades like #0A1C16 or #1A3A34.
  • Avoid placing #4A605B text on similar mid-tones like #2F4F4F 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

Mystical Depth

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

#0A1C16 · #1A3A34 · #2F4F4F

Subtle Highlight

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

#1A3A34 · #6D7F7D · #4A605B

Enigmatic Layers

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

#2F4F4F · #4A605B · #6D7F7D

CSS variables

:root {
  --dark-forest-cloak-1: #0A1C16;
  --dark-forest-cloak-2: #1A3A34;
  --dark-forest-cloak-3: #2F4F4F;
  --dark-forest-cloak-4: #4A605B;
  --dark-forest-cloak-5: #6D7F7D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-forest-cloak": {
        1: "#0A1C16",
        2: "#1A3A34",
        3: "#2F4F4F",
        4: "#4A605B",
        5: "#6D7F7D",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#0A1C16
·
Color 2#1A3A34
·
Color 3#2F4F4F
·
Color 4#4A605B
·
Color 5#6D7F7D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.6:1Fail
4.2:1AA18
2
1.4:1Fail
1.4:1Fail
1.8:1Fail
2.9:1Fail
3
2:1Fail
1.4:1Fail
1.3:1Fail
2.1:1Fail
4
2.6:1Fail
1.8:1Fail
1.3:1Fail
1.6:1Fail
5
4.2:1AA18
2.9:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Dark Forest Cloak

View all dark
Deep Forest Twilight
Abyssal Reef Shadow
Ancient Forest Depths
Dark Forest Glade
Dark Forest Lore
Deep Forest Lumina