Palette

Haunted Hallway Gloom

A chilling blend of deep greys and muted browns, evoking the eerie silence of a haunted, shadowy hallway.

DarkDark5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Haunted Hallway 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 Haunted Hallway Gloom.

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

Data visualization

#3E2723#424242#616161#BDBDBD#CFD8DC

Palette guide

How to use Haunted Hallway Gloom

Overview

The Haunted Hallway Gloom palette masterfully captures a chilling and mysterious atmosphere, evoking the eerie silence of a shadowy, forgotten space. This collection of deep, muted greys and dark browns provides a sophisticated yet unsettling foundation for design. The profound #3E2723 and #424242 offer intense depth and a sense of foreboding. Mid-tones like #616161 add a subtle, aged quality, while the lighter #BDBDBD and #CFD8DC introduce a ghostly pallor, perfect for atmospheric highlights. This palette is exceptionally suited for projects requiring a dark, moody, or architectural aesthetic, ideal for game design, film noir themes, or sophisticated, understated branding.

Best used for

Horror game UI and environments
Mystery novel covers and websites
Gothic fashion or architecture branding
Film noir aesthetic projects
Dark mode UI themes
Eerie digital art and illustrations

Suggested color roles

primary

Utilize #424242 as a dominant color for backgrounds or large sections to establish a dark, sophisticated, and mysterious mood.

secondary

Apply #3E2723 for important headings or accents to introduce a subtle warmth while maintaining the dark aesthetic.

accent

Highlight key information or interactive elements with #BDBDBD for a stark, ghostly contrast, or #CFD8DC for a softer, aged highlight.

background

Employ #424242 or #3E2723 as a deep, immersive background, providing an ideal canvas for lighter text.

text

For optimal readability on dark backgrounds like #3E2723 or #424242, use #CFD8DC or #BDBDBD. For lighter backgrounds, a true black provides stark contrast.

Accessibility notes

Ensure #CFD8DC or #BDBDBD text on #3E2723 or #424242 backgrounds meets WCAG AA contrast standards.
Avoid using #616161 on #424242 for small text; contrast will be insufficient.
Always verify contrast ratios, especially between the darker greys and browns, for all text and interactive elements.
Prioritize high contrast for essential UI elements to ensure usability in dark mode designs.

Recommended combinations

Deep Shadows

Excellent for robust branding, creating a balanced and mysterious feel for headers and core content in dark mode.

#3E2723 · #424242 · #CFD8DC

Eerie Light

Ideal for backgrounds with complementary text, or for highlighting specific sections with a subtle, haunting glow.

#424242 · #616161 · #BDBDBD

Ghostly Outline

Perfect for UI elements, buttons, and subtle accents, providing a stark yet clear visual hierarchy.

#CFD8DC · #616161 · #3E2723

CSS variables

:root {
  --haunted-hallway-gloom-1: #3E2723;
  --haunted-hallway-gloom-2: #424242;
  --haunted-hallway-gloom-3: #616161;
  --haunted-hallway-gloom-4: #BDBDBD;
  --haunted-hallway-gloom-5: #CFD8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "haunted-hallway-gloom": {
        1: "#3E2723",
        2: "#424242",
        3: "#616161",
        4: "#BDBDBD",
        5: "#CFD8DC",
      }
    }
  }
}

Hex values

Color 1#3E2723

Color 2#424242

Color 3#616161

Color 4#BDBDBD

Color 5#CFD8DC

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

7.4:1AAA

9.5:1AAA

1.4:1Fail

1.6:1Fail

5.3:1AA

6.9:1AA

2.2:1Fail

1.6:1Fail

3.3:1AA18

4.3:1AA18

7.4:1AAA

5.3:1AA

3.3:1AA18

1.3:1Fail

9.5:1AAA

6.9:1AA

4.3:1AA18

1.3:1Fail

Similar palettes

More like Haunted Hallway Gloom

View all Dark

Midnight Ember Smoke

Stormy Lake Mist

Abyssal Bioluminescence

Gothic Nightshade Bloom

Midnight Blooms

Midnight Urban Blues