Back to palettes

Palette

Blackwater Grotto Gloom

A somber palette of deep blues and greys, evoking the eerie tranquility of a hidden grotto.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blackwater Grotto 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 Blackwater Grotto Gloom.

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

Data visualization

#1A1A1A#2C3539#3F4F5A#576F7C#738E99

Palette guide

How to use Blackwater Grotto Gloom

Overview

The Blackwater Grotto Gloom palette is a somber collection of deep blues and greys, evoking the eerie tranquility of a hidden grotto. Featuring profound tones like #1A1A1A, #2C3539, #3F4F5A, #576F7C, and #738E99, this palette is perfect for designers seeking to create mysterious, moody, and sophisticated visuals. Its cool, muted nature makes it ideal for projects that require an atmospheric depth, suggesting hidden secrets and calm introspection. This palette effectively balances darkness with subtle hints of light, creating a truly immersive and intriguing aesthetic.

Best used for

  • Thriller game aesthetics and concepts
  • Mysterious website themes and intros
  • Dark mode interfaces and applications
  • Atmospheric digital art and photography
  • Film noir inspired designs
  • Sophisticated men's fashion and lifestyle brands

Suggested color roles

primary

Use #1A1A1A as the deepest, grounding dark for backgrounds or main structural elements, establishing a profound, somber mood.

secondary

Employ #2C3539 for main content blocks or panels, offering a dark, cool blue-grey that supports the mysterious theme.

accent

Apply #738E99 for lighter, misty highlights, subtle typography, or interactive elements, providing a touch of ethereal light.

background

Choose #1A1A1A for a profound dark ambiance, creating an immersive and focused user experience.

text

For optimal readability on dark backgrounds, use #738E99 for body text and crisp white for headings or key information.

Accessibility notes

  • Crucially, ensure all text has sufficient contrast against dark backgrounds; light text is essential for legibility.
  • Avoid using mid-tones such as #3F4F5A for small text on similar values like #2C3539 to prevent readability issues.
  • Use #738E99 for main body text to ensure readability on the darkest backgrounds.
  • Clearly define interactive elements with distinct color changes or outlines to improve user experience.

Recommended combinations

Grotto Depths

Creates a subtle dark blue-grey gradient, ideal for immersive backgrounds or layered UI elements.

#1A1A1A · #2C3539 · #3F4F5A

Misty Reflection

Offers an ethereal light play, perfect for subtle highlights and interactive states in a mysterious interface.

#3F4F5A · #576F7C · #738E99

Somber Contrast

Provides a clear and moody typography pairing, suitable for professional branding.

#1A1A1A · #738E99 · #2C3539

CSS variables

:root {
  --blackwater-grotto-gloom-1: #1A1A1A;
  --blackwater-grotto-gloom-2: #2C3539;
  --blackwater-grotto-gloom-3: #3F4F5A;
  --blackwater-grotto-gloom-4: #576F7C;
  --blackwater-grotto-gloom-5: #738E99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blackwater-grotto-gloom": {
        1: "#1A1A1A",
        2: "#2C3539",
        3: "#3F4F5A",
        4: "#576F7C",
        5: "#738E99",
      }
    }
  }
}

Related searches

dark blue grey palettemysterious grotto colorsmoody water themesomber design aestheticatmospheric dark mode

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#2C3539
·
Color 3#3F4F5A
·
Color 4#576F7C
·
Color 5#738E99
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.3:1AA18
5:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.6:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.3:1AA18
2.4:1Fail
1.6:1Fail
1.5:1Fail
5
5:1AA
3.6:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Blackwater Grotto Gloom

View all dark
Deep Sea Fathoms
Moonlit Lakeside Veil
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current