Back to palettes

Palette

Gothic Cathedral Glow

A profound palette inspired by the deep, rich colors and stained-glass light filtering through ancient cathedrals.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#191970#6A0000#8B0000#C0C0C0

Palette guide

How to use Gothic Cathedral Glow

Overview

The "Gothic Cathedral Glow" palette offers a profound and elegant selection of deep, rich colors, echoing the solemn beauty and filtered light within ancient cathedrals. It features a majestic Dark Violet (#4B0082), a deep Midnight Blue (#191970), a commanding Dark Red (#6A0000), a passionate Firebrick (#8B0000), and a luminous Silver (#C0C0C0). This palette is perfectly suited for designs that aim for a sophisticated, moody, and historically inspired aesthetic. Developers and designers can utilize these hues to craft immersive digital environments, luxury branding, or dramatic visual narratives, where depth and elegance are paramount.

Best used for

  • High-end event branding and invitations
  • Luxury product packaging
  • Historical documentary or game interfaces
  • Art and photography portfolio websites
  • Theatrical production design
  • Elegant home decor inspiration

Suggested color roles

primary

#4B0082 (Dark Violet) - A deep, mystical primary that establishes an elegant and authoritative tone, excellent for hero sections or key branding elements.

secondary

#191970 (Midnight Blue) - Offers a stable and profound contrast, ideal for navigation, background panels, or large blocks of content requiring depth.

accent

#8B0000 (Firebrick) - A powerful, passionate accent color, perfect for call-to-action buttons, alerts, or highlighting crucial information.

background

#C0C0C0 (Silver) - A sophisticated, light background that provides excellent contrast for darker text and allows the rich jewel tones to truly pop.

text

#6A0000 (Dark Red) - A deep, legible color for headlines on a light background like #C0C0C0. For darker backgrounds, white or near-white text is recommended.

Accessibility notes

  • Use #C0C0C0 as a background for text in #4B0082, #191970, #6A0000, or #8B0000 to ensure good contrast.
  • Avoid placing text in #C0C0C0 directly on #4B0082 or #191970 without careful contrast checking; white text is safer.
  • Ensure sufficient contrast if using #6A0000 and #8B0000 adjacent to each other for distinct elements.
  • Small text elements should always use high contrast pairings, such as black or white against the most suitable background.

Recommended combinations

Regal Contrast

A bold combination for hero banners or key informational blocks, with #C0C0C0 providing a clear visual break.

#4B0082 · #C0C0C0 · #8B0000

Deep Foundations

Excellent for defining sections or creating a sophisticated footer, with #C0C0C0 for legible text or subtle details.

#191970 · #6A0000 · #C0C0C0

Dramatic Flair

Use these three for intricate decorative patterns, icon sets, or illustrations where a rich, jewel-toned effect is desired.

#4B0082 · #8B0000 · #191970

CSS variables

:root {
  --gothic-cathedral-glow-1: #4B0082;
  --gothic-cathedral-glow-2: #191970;
  --gothic-cathedral-glow-3: #6A0000;
  --gothic-cathedral-glow-4: #8B0000;
  --gothic-cathedral-glow-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-glow": {
        1: "#4B0082",
        2: "#191970",
        3: "#6A0000",
        4: "#8B0000",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

dark elegant color schemesmoody church inspired colorsluxury brand color palettesdeep jewel tone combinationshistorical gothic web colors

Palette colors

Hex values

Color 1#4B0082
·
Color 2#191970
·
Color 3#6A0000
·
Color 4#8B0000
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.3:1Fail
7.1:1AAA
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
8.2:1AAA
3
1:1Fail
1.1:1Fail
1.3:1Fail
7.2:1AAA
4
1.3:1Fail
1.5:1Fail
1.3:1Fail
5.5:1AA
5
7.1:1AAA
8.2:1AAA
7.2:1AAA
5.5:1AA

Similar palettes

More like Gothic Cathedral Glow

View all dark
Baroque Crimson Drape
Crimson Silk Drape
Crimson Velvet Drama
Deep Velvet Curtain
Gilded Renaissance Scrolls
Gothic Cathedral Glow