Back to palettes

Palette

Shadowed Woods Deep

Delves into the shadowy depths of an ancient forest, rich with hidden life and secrets.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Woods Deep 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 Shadowed Woods Deep.

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

Data visualization

#1E2D2B#3A4F4B#6B8B88#0D1B2A#283C3D

Palette guide

How to use Shadowed Woods Deep

Overview

The Shadowed Woods Deep palette plunges into the mysterious depths of an ancient forest, rich with hidden life and secrets. It features a strong foundation of deep blue-black, #0D1B2A, alongside the dark teal-green #1E2D2B, creating a profound, earthy base. The palette is further enriched by #3A4F4B and #283C3D, offering versatile mid-tones that blend seamlessly. A lighter, misty grey-green, #6B8B88, provides a subtle highlight, breaking through the shadows. This collection is perfect for designers and developers aiming to create immersive, natural, and intriguing digital experiences, evoking the quiet allure of a deep, unexplored wilderness.

Best used for

  • Nature conservation and environmental websites
  • Mysterious game environments and concept art
  • Fantasy novel covers and digital illustrations
  • Dark mode applications with a natural theme
  • Ecological branding and product design
  • Serene meditation and mindfulness apps

Suggested color roles

primary

Utilize #0D1B2A as the deepest blue-black base for main backgrounds or large containers, establishing a profound, dark tone.

secondary

Employ #1E2D2B for secondary sections, headers, or large graphical elements, adding a subtle, dark teal-green layer.

accent

Apply #6B8B88 as a light grey-green accent for subtle highlights, interactive elements, or delicate UI details, breaking the darkness.

background

Use #283C3D as a primary background color for content areas, offering a rich, dark blue-green base that is calming.

text

Pair #6B8B88 with the darkest shades like #0D1B2A or #1E2D2B for readable body text, or use a crisp near-white for optimal contrast.

Accessibility notes

  • Ensure #6B8B88 text on #0D1B2A or #1E2D2B meets WCAG AA standards for body text to guarantee legibility.
  • The combination of #3A4F4B on #283C3D may have low contrast; use for large elements or decorative purposes only.
  • For optimal readability, a very light grey or pure white is recommended for extensive body copy on the darkest shades.
  • Interactive elements should be clearly distinguishable and offer visual feedback, ensuring usability within the dark palette.

Recommended combinations

Deep Forest Contrast

Ideal for main UI elements, impactful headings, and areas where strong visual separation is desired.

#0D1B2A · #6B8B88 · #1E2D2B

Subtle Layering

Excellent for creating distinct cards, section backgrounds, or subtle gradients that add dimension and texture.

#283C3D · #3A4F4B · #6B8B88

Mysterious Depths

Perfect for atmospheric graphics, background patterns, or illustrations that evoke a sense of hidden beauty.

#1E2D2B · #3A4F4B · #0D1B2A

CSS variables

:root {
  --shadowed-woods-deep-1: #1E2D2B;
  --shadowed-woods-deep-2: #3A4F4B;
  --shadowed-woods-deep-3: #6B8B88;
  --shadowed-woods-deep-4: #0D1B2A;
  --shadowed-woods-deep-5: #283C3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-woods-deep": {
        1: "#1E2D2B",
        2: "#3A4F4B",
        3: "#6B8B88",
        4: "#0D1B2A",
        5: "#283C3D",
      }
    }
  }
}

Related searches

deep forest palettedark teal green colorsmysterious nature designwoodland dark modeshadowy blue green scheme

Palette colors

Hex values

Color 1#1E2D2B
·
Color 2#3A4F4B
·
Color 3#6B8B88
·
Color 4#0D1B2A
·
Color 5#283C3D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.9:1AA18
1.2:1Fail
1.2:1Fail
2
1.6:1Fail
2.4:1Fail
2:1Fail
1.3:1Fail
3
3.9:1AA18
2.4:1Fail
4.7:1AA
3.1:1AA18
4
1.2:1Fail
2:1Fail
4.7:1AA
1.5:1Fail
5
1.2:1Fail
1.3:1Fail
3.1:1AA18
1.5:1Fail

Similar palettes

More like Shadowed Woods Deep

View all Dark
Abyssal Bioluminescence
Deep Forest Murmur
Midnight Ember Smoke
Midnight Velvet Gloom
Abyssal Seaweed Garden
Deep Woodland Shrine