Back to palettes

Palette

Gothic Cathedral Glass

Deep, rich hues mimicking the solemn, jewel-toned light filtering through ancient cathedral stained glass.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#4B0082#8A2BE2#CD5C5C#006400

Palette guide

How to use Gothic Cathedral Glass

Overview

The Gothic Cathedral Glass palette draws inspiration from the solemn, jewel-toned light filtering through ancient stained glass. It features the deep #36454F (dark slate), the regal #4B0082 (deep indigo), the vibrant #8A2BE2 (blue violet), and striking accents of #CD5C5C (indian red) and #006400 (dark green). This collection is perfect for designs that require a mystical, dramatic, and richly elegant aesthetic. It evokes a sense of spiritual grandeur, historical depth, and vibrant contrast, making it ideal for impactful visual storytelling.

Best used for

  • Stained glass art and digital illustrations
  • Fantasy or mystical themed branding
  • Religious or spiritual organization websites
  • Theatrical set design and costuming
  • Elegant event invitations with a dramatic flair
  • Luxury packaging for artisanal goods

Suggested color roles

primary

Use #36454F for foundational elements or dominant backgrounds, providing a dark, stable base.

secondary

Employ #4B0082 or #8A2BE2 for supporting sections, gradients, or larger graphical elements, adding a mystical depth.

accent

Apply #CD5C5C or #006400 for vibrant highlights, call-to-action buttons, or intricate details, mimicking stained glass.

background

Utilize #36454F for a sophisticated, dark canvas that allows the jewel-toned colors to truly glow.

text

For optimal readability on dark backgrounds, use white or a very light gold/silver. For large headings, #CD5C5C can work on #36454F.

Accessibility notes

  • High contrast is critical. Use white or very light text on all dark backgrounds (#36454F, #4B0082, #006400) to meet WCAG AA standards.
  • Avoid using #8A2BE2 or #CD5C5C for small text on dark backgrounds; the contrast may be insufficient.
  • Ensure interactive elements have a clear visual distinction and sufficient contrast against their surrounding colors.
  • When layering, ensure text or icons are easily discernible against the complex jewel tones.

Recommended combinations

Stained Glass

Create rich, multi-layered backgrounds or visual elements that transition through deep, mystical hues.

#36454F · #4B0082 · #8A2BE2

Jewel Contrast

For striking accents, vibrant focal points, or to add a touch of contrasting warmth.

#CD5C5C · #006400 · #4B0082

Dramatic Light

A powerful trio for main branding, combining a dark base with two vibrant, contrasting accents.

#36454F · #CD5C5C · #8A2BE2

CSS variables

:root {
  --gothic-cathedral-glass-1: #36454F;
  --gothic-cathedral-glass-2: #4B0082;
  --gothic-cathedral-glass-3: #8A2BE2;
  --gothic-cathedral-glass-4: #CD5C5C;
  --gothic-cathedral-glass-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-glass": {
        1: "#36454F",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#CD5C5C",
        5: "#006400",
      }
    }
  }
}

Related searches

gothic stained glassjewel tone palettemystical cathedral colorsdramatic dark hueselegant fantasy scheme

Palette colors

Hex values

Color 1#36454F
·
Color 2#4B0082
·
Color 3#8A2BE2
·
Color 4#CD5C5C
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.5:1Fail
1.3:1Fail
2
1.3:1Fail
2.2:1Fail
3.3:1AA18
1.7:1Fail
3
1.7:1Fail
2.2:1Fail
1.5:1Fail
1.2:1Fail
4
2.5:1Fail
3.3:1AA18
1.5:1Fail
1.9:1Fail
5
1.3:1Fail
1.7:1Fail
1.2:1Fail
1.9:1Fail

Similar palettes

More like Gothic Cathedral Glass

View all dark
Crimson Velvet Drama
Gothic Amethyst Glow
Gothic Stained Glass
Ancient Geode Vein
Cathedral Stained Glass
Celestial Whisper Nebula