Back to palettes

Palette

Forbidden Forest Gloom

Dark, enchanting greens and mysterious blues, like the shadowed depths of a forbidden forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forbidden Forest Gloom 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 Forbidden Forest Gloom.

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

Data visualization

#2F4F4F#4A6B6B#6A8E8E#1F3F3F#3A5F5F

Palette guide

How to use Forbidden Forest Gloom

Overview

The Forbidden Forest Gloom palette unveils a captivating range of dark, enchanting greens and mysterious blues, reminiscent of a shadowed, deep woodland. Anchored by the profound #1F3F3F and enriched by hues like #2F4F4F and #6A8E8E, this collection evokes a sense of intrigue and sophistication. It's an excellent choice for designers and developers aiming to create immersive experiences, from atmospheric gaming environments to luxury brand identities. The palette's depth allows for strong visual statements, providing a rich backdrop that suggests mystery, elegance, and a touch of the unknown, perfect for dramatic and impactful designs.

Best used for

  • Gaming interfaces and themes
  • Luxury and high-end branding
  • Gothic or dark aesthetic websites
  • Album art and creative projects
  • Dark mode UI/UX design
  • Mystery novel covers and promotions

Suggested color roles

primary

Utilize #1F3F3F as the foundational color for immersive backgrounds or dominant UI elements, establishing depth.

secondary

Apply #2F4F4F for supporting sections, large text blocks, or to add subtle variation to dark areas.

accent

Employ #6A8E8E for subtle highlights, interactive elements, or to provide a contrasting detail against darker tones.

background

Use #1F3F3F or #2F4F4F as the primary background to create an immersive, dark aesthetic.

text

For optimal readability, use a light gray or pure white for text on the dark primary and secondary colors.

Accessibility notes

  • Ensure light text (white or very light gray) has sufficient contrast on #1F3F3F and #2F4F4F backgrounds.
  • Avoid using #4A6B6B or #3A5F5F for small body text; reserve them for larger headings or decorative elements.
  • When using #6A8E8E for text, ensure it's on the darkest background to meet WCAG AA contrast.
  • Prioritize larger font sizes for accent colors to improve readability and visual impact.

Recommended combinations

Deep Mystery

Ideal for core dark mode UI, atmospheric branding, and dramatic visual compositions.

#1F3F3F · #2F4F4F · #6A8E8E

Shadowed Path

Perfect for layered backgrounds, subtle gradients, and secondary UI elements requiring depth.

#3A5F5F · #4A6B6B · #6A8E8E

Forest Depths

Excellent for immersive digital experiences, large text headers, and rich background textures.

#1F3F3F · #3A5F5F · #4A6B6B

CSS variables

:root {
  --forbidden-forest-gloom-1: #2F4F4F;
  --forbidden-forest-gloom-2: #4A6B6B;
  --forbidden-forest-gloom-3: #6A8E8E;
  --forbidden-forest-gloom-4: #1F3F3F;
  --forbidden-forest-gloom-5: #3A5F5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forbidden-forest-gloom": {
        1: "#2F4F4F",
        2: "#4A6B6B",
        3: "#6A8E8E",
        4: "#1F3F3F",
        5: "#3A5F5F",
      }
    }
  }
}

Related searches

dark forest palettemysterious green colorsdeep teal color schemegothic design palettemoody UI colors

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#4A6B6B
·
Color 3#6A8E8E
·
Color 4#1F3F3F
·
Color 5#3A5F5F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.3:1Fail
1.3:1Fail
2
1.5:1Fail
1.6:1Fail
2:1Fail
1.2:1Fail
3
2.5:1Fail
1.6:1Fail
3.2:1AA18
2:1Fail
4
1.3:1Fail
2:1Fail
3.2:1AA18
1.6:1Fail
5
1.3:1Fail
1.2:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Forbidden Forest Gloom

View all dark