Back to palettes

Palette

Gothic Cathedral Glow

Evokes the solemn beauty and jewel-toned light filtering through a majestic gothic cathedral.

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

#8B0000#4682B4#228B22#8A2BE2#778899

Palette guide

How to use Gothic Cathedral Glow

Overview

The "Gothic Cathedral Glow" palette offers a dramatic and elegant array of jewel tones, reminiscent of light filtering through ancient stained glass. Featuring a rich deep red (#8B0000), a serene steel blue (#4682B4), a vibrant forest green (#228B22), a majestic deep purple (#8A2BE2), and a subtle slate gray (#778899), this collection is ideal for projects requiring a sense of historical grandeur and sophisticated mystery. Designers can leverage these hues to create immersive digital experiences, luxurious branding, or evocative artistic compositions. Its depth provides a powerful foundation, while the varied colors allow for intricate visual storytelling, appealing to those seeking a rich, atmospheric aesthetic.

Best used for

  • Luxury brand websites and packaging
  • Historical fiction book covers or game interfaces
  • Event invitations for formal or theatrical themes
  • High-end interior design mood boards
  • Art gallery digital presentations
  • Fashion and costume design inspiration

Suggested color roles

primary

#8B0000 (Deep Red) - Establishes a commanding, passionate presence, ideal for main headings or call-to-action buttons that need to stand out with authority.

secondary

#4682B4 (Steel Blue) - Provides a calming yet strong counterpoint, suitable for navigation elements, background sections, or supporting graphical details.

accent

#8A2BE2 (Blue Violet) - A majestic and mystical hue perfect for highlighting key interactive elements, subtle decorative patterns, or emotional emphasis.

background

#778899 (Light Slate Gray) - A neutral, sophisticated base that allows the richer jewel tones to truly shine, suitable for main content areas or subtle texture.

text

#228B22 (Forest Green) - Offers a deep, legible contrast against lighter backgrounds, or use a near-white for readability against the darker tones like #8B0000.

Accessibility notes

  • Ensure sufficient contrast when pairing #778899 with lighter text; consider using a darker alternative or white text.
  • Text in #8B0000 or #8A2BE2 will likely require white or very light text for optimal readability.
  • Contrast between #4682B4 and #228B22 should be checked if used adjacently for information hierarchy.
  • Avoid using #778899 for small text on #4682B4 as contrast might be insufficient for WCAG AA.

Recommended combinations

Royal Drama

Ideal for creating striking headers or focal points where a strong, luxurious statement is desired, with #778899 as a grounding element.

#8B0000 · #8A2BE2 · #778899

Serene Depth

Excellent for backgrounds, sub-sections, or data visualizations where a calmer, yet rich, aesthetic is preferred.

#4682B4 · #228B22 · #778899

Stained Glass

Use these three vibrant hues together for decorative elements, icon sets, or accenting illustrations, mimicking a traditional stained glass effect.

#8B0000 · #4682B4 · #228B22

CSS variables

:root {
  --gothic-cathedral-glow-2-1: #8B0000;
  --gothic-cathedral-glow-2-2: #4682B4;
  --gothic-cathedral-glow-2-3: #228B22;
  --gothic-cathedral-glow-2-4: #8A2BE2;
  --gothic-cathedral-glow-2-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-glow-2": {
        1: "#8B0000",
        2: "#4682B4",
        3: "#228B22",
        4: "#8A2BE2",
        5: "#778899",
      }
    }
  }
}

Related searches

dramatic jewel tone color schemeshistorical gothic inspired paletteselegant dark color combinationsstained glass web design colorsmysterious rich color guides

Palette colors

Hex values

Color 1#8B0000
·
Color 2#4682B4
·
Color 3#228B22
·
Color 4#8A2BE2
·
Color 5#778899
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
2.3:1Fail
1.7:1Fail
2.7:1Fail
2
2.4:1Fail
1.1:1Fail
1.5:1Fail
1.1:1Fail
3
2.3:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
4
1.7:1Fail
1.5:1Fail
1.4:1Fail
1.6:1Fail
5
2.7:1Fail
1.1:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Gothic Cathedral Glow

View all dark
Baroque Opera Rich
Cathedral Stained Glass
Crimson Velvet Drama
Deep Velvet Curtain
Gothic Cathedral Glow
Gothic Revival Arch