Back to palettes

Palette

Gothic Cathedral Whisper

The hushed grandeur of ancient gothic architecture, with deep shadows and a hint of stained glass light.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Cathedral Whisper 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 Gothic Cathedral Whisper.

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

Data visualization

#1F1F1F#36454F#483D8B#6A5ACD#B0C4DE

Palette guide

How to use Gothic Cathedral Whisper

Overview

The Gothic Cathedral Whisper palette captures the hushed grandeur of ancient architecture, blending deep shadows with a hint of stained glass light. Anchored by an intense black (#1F1F1F) and a rich blue-grey (#36454F), it creates a mysterious, enveloping base. Vibrant accents like a deep indigo-purple (#483D8B) and a brighter medium-purple (#6A5ACD) evoke luminous stained glass, while a muted light blue (#B0C4DE) provides ethereal contrast. This palette is perfect for designers and developers seeking to infuse projects with elegance, mystery, and a dramatic, atmospheric feel, reminiscent of historic grandeur.

Best used for

  • Mystery and fantasy novel covers
  • Luxury brand identity and packaging
  • Atmospheric digital art and illustrations
  • Theatrical set and lighting design
  • Elegant event invitations and decor
  • Dark mode interfaces with a mystic touch

Suggested color roles

primary

Use #1F1F1F as the foundational, deepest shadow for backgrounds or main structural elements, providing profound depth.

secondary

Apply #36454F for secondary content areas or large text, offering a rich, supporting dark blue-grey that complements the primary.

accent

Introduce #6A5ACD for striking highlights, interactive elements, or key visuals, mimicking the vibrant glow of stained glass.

background

Utilize #B0C4DE for ethereal background elements or as a light contrast to the darker shades, creating a sense of distance and light.

text

For optimal readability, use #1F1F1F on #B0C4DE. On darker backgrounds like #1F1F1F or #36454F, use #B0C4DE or white.

Accessibility notes

  • Ensure high contrast for text on #483D8B and #6A5ACD; typically white or #B0C4DE will be needed.
  • The light #B0C4DE provides excellent contrast with the deepest shades for text.
  • Avoid pairing #36454F with #483D8B for small text due to potential readability issues.
  • Always test contrast ratios for all text sizes, especially with the vibrant accent colors.

Recommended combinations

Mystic Shadow

Ideal for creating deep, mysterious backgrounds or layered effects, building a sense of profound depth and intrigue.

#1F1F1F · #36454F · #483D8B

Stained Light

Perfect for hero sections or focal points, using the light blue as a backdrop for vibrant accents and grounding darks.

#B0C4DE · #6A5ACD · #36454F

Grandeur Contrast

Use for prominent call-to-action buttons or key information, leveraging strong contrast between dark, vibrant, and light tones.

#1F1F1F · #6A5ACD · #B0C4DE

CSS variables

:root {
  --gothic-cathedral-whisper-1: #1F1F1F;
  --gothic-cathedral-whisper-2: #36454F;
  --gothic-cathedral-whisper-3: #483D8B;
  --gothic-cathedral-whisper-4: #6A5ACD;
  --gothic-cathedral-whisper-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-whisper": {
        1: "#1F1F1F",
        2: "#36454F",
        3: "#483D8B",
        4: "#6A5ACD",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

dark gothic purple palettemysterious blue-grey schemecathedral inspired UI colorselegant dark theme designdeep shadow light accent

Palette colors

Hex values

Color 1#1F1F1F
·
Color 2#36454F
·
Color 3#483D8B
·
Color 4#6A5ACD
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.8:1Fail
3.1:1AA18
9.3:1AAA
2
1.7:1Fail
1.1:1Fail
1.9:1Fail
5.6:1AA
3
1.8:1Fail
1.1:1Fail
1.7:1Fail
5.1:1AA
4
3.1:1AA18
1.9:1Fail
1.7:1Fail
3:1Fail
5
9.3:1AAA
5.6:1AA
5.1:1AA
3:1Fail

Similar palettes

More like Gothic Cathedral Whisper

View all dark
Black Rose Bloom
Enigmatic Shadow Tale
Gothic Cathedral Glint
Gothic Cathedral Shadow
Gothic Cathedral Stain
Gothic Crypt Shadow