Palette

Enchanted Gloom Nook

Explore the hidden depths of a mystical forest, where shadows dance with ancient growth.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Gloom Nook 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 Enchanted Gloom Nook.

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

Data visualization

#0A1C0E#283626#4C594A#7A8F78#B3C6A7

Palette guide

How to use Enchanted Gloom Nook

Overview

The Enchanted Gloom Nook palette offers a journey into the hidden depths of a mystical forest, characterized by its deep, moody greens. With shades like the profound #0A1C0E and the softer, ethereal #B3C6A7, this collection is perfect for designers aiming to evoke a sense of ancient growth and shadowy tranquility. Developers will find these hex codes ideal for creating interfaces that require depth and subtle sophistication, from dark mode themes to nature-inspired branding. The mid-tone #4C594A provides a crucial bridge, ensuring smooth transitions and visual harmony across applications. This palette excels in projects demanding a natural yet enigmatic aesthetic.

Best used for

Dark mode UI/UX designs
Nature-inspired branding and logos
Fantasy game environments and character design
Website backgrounds for eco-friendly businesses
Book covers for mystery or fantasy novels
Atmospheric digital art and illustrations

Suggested color roles

primary

#0A1C0E - Use as the dominant background color for a truly deep, immersive dark theme, or for large graphic elements that require a strong, grounding presence.

secondary

#283626 - Ideal for secondary panels, cards, or subtle section dividers, offering a slight variation from the primary while maintaining the dark mood.

accent

#7A8F78 - Perfect for highlighting interactive elements, icons, or subtle decorative details where a touch of muted vibrancy is desired without overpowering the dark base.

background

#0A1C0E - The ultimate dark canvas, providing a rich, mysterious base for content.

text

#B3C6A7 - Excellent for main body text against darker backgrounds, ensuring good readability and a soft, natural contrast.

Accessibility notes

Ensure sufficient contrast between #B3C6A7 text and #0A1C0E or #283626 backgrounds for WCAG AA compliance.
Avoid using #283626 text on #0A1C0E as the contrast may be too low for readability, especially for smaller fonts.
Use #7A8F78 sparingly for critical information if paired with darker shades, as its contrast might be borderline for some users.
Consider a lighter accent for interactive elements if accessibility is paramount, or increase font size for better legibility of accent colors.

Recommended combinations

Deep Forest Base

Perfect for a dark mode interface, with #0A1C0E as the background, #283626 for cards, and #B3C6A7 for primary text.

#0A1C0E · #283626 · #B3C6A7

Subtle Transition

Ideal for layering elements, like a sidebar (#283626), main content area (#4C594A), and subtle highlights (#7A8F78).

#283626 · #4C594A · #7A8F78

Mystic Highlight

Use #0A1C0E as a dominant background, #B3C6A7 for headings, and #7A8F78 for interactive elements or icons.

#0A1C0E · #7A8F78 · #B3C6A7

CSS variables

:root {
  --enchanted-gloom-nook-1: #0A1C0E;
  --enchanted-gloom-nook-2: #283626;
  --enchanted-gloom-nook-3: #4C594A;
  --enchanted-gloom-nook-4: #7A8F78;
  --enchanted-gloom-nook-5: #B3C6A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-gloom-nook": {
        1: "#0A1C0E",
        2: "#283626",
        3: "#4C594A",
        4: "#7A8F78",
        5: "#B3C6A7",
      }
    }
  }
}

Hex values

Color 1#0A1C0E

Color 2#283626

Color 3#4C594A

Color 4#7A8F78

Color 5#B3C6A7

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

5.1:1AA

9.7:1AAA

1.4:1Fail

1.7:1Fail

3.7:1AA18

7:1AAA

2.4:1Fail

1.7:1Fail

2.1:1Fail

4.1:1AA18

5.1:1AA

3.7:1AA18

2.1:1Fail

1.9:1Fail

9.7:1AAA

7:1AAA

4.1:1AA18

1.9:1Fail

Similar palettes

More like Enchanted Gloom Nook

View all dark

Enchanted Deep Wood

Enchanted Evergreen Depth

Forest Canopy Seclusion

Mystic Forest Shroud

Mystic Woods Bloom

Shaded Mystic Wood