Back to palettes

Palette

Cathedral Window Glaze

Inspired by the dramatic light and rich colors filtering through a grand cathedral's stained glass.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cathedral Window Glaze 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 Cathedral Window Glaze.

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

Data visualization

#8B0000#4B0082#00008B#FFD700#2F4F4F

Palette guide

How to use Cathedral Window Glaze

Overview

The "Cathedral Window Glaze" palette is inspired by the dramatic light and rich colors filtering through a grand cathedral's stained glass. It features a deep dark red #8B0000, a rich dark violet #4B0082, a profound dark blue #00008B, a radiant gold #FFD700, and a deep dark slate gray #2F4F4F. This dramatic and elegant combination is perfect for designs that aim for sophistication, mystery, and a touch of gothic grandeur. Designers can leverage these hex codes for luxury branding, dark mode interfaces, or artistic digital installations. Developers will find this palette ideal for applications requiring a rich, immersive, and visually captivating user experience.

Best used for

  • Luxury brand websites
  • High-end event invitations
  • Dark mode application themes
  • Art gallery digital displays
  • Mystical or fantasy game interfaces
  • Elegant editorial layouts

Suggested color roles

primary

#8B0000 (Dark Red) - A deep, regal red, excellent for main headings, important interactive elements, or large background sections, providing a sense of depth.

secondary

#00008B (Dark Blue) - A profound, elegant blue that adds stability and sophistication, ideal for secondary buttons, navigation accents, or highlight details.

accent

#FFD700 (Gold) - A brilliant, luminous gold that acts as a precious highlight, perfect for small, impactful details, icons, or decorative elements.

background

#2F4F4F (Dark Slate Gray) - A deep, dark gray, providing an excellent dramatic canvas for content, making the jewel tones truly shine.

text

Pure white or a very light gray like #F0F0F0 is highly recommended for text against #8B0000, #4B0082, #00008B, and #2F4F4F. For #FFD700, use black or a very dark charcoal.

Accessibility notes

  • Use white or very light text on #8B0000, #4B0082, #00008B, and #2F4F4F for optimal contrast.
  • #FFD700 (Gold) requires dark text (black or charcoal) to meet WCAG AA standards for readability.
  • Avoid using #FFD700 for small text against light backgrounds.
  • Ensure sufficient contrast for all text and interactive elements, especially given the dark background emphasis.

Recommended combinations

Jeweled Arch

For creating dramatic backgrounds, elegant headings, or striking UI elements that evoke a sense of mystery and luxury.

#2F4F4F · #8B0000 · #00008B

Golden Light

Ideal for highlighting key information, interactive elements, or adding a touch of vibrant contrast to darker compositions.

#FFD700 · #4B0082 · #8B0000

Deep Hues

Excellent for showcasing distinct content sections, historical details, or creating graphic patterns with a solemn, grounded elegance.

#00008B · #4B0082 · #2F4F4F

CSS variables

:root {
  --cathedral-window-glaze-1: #8B0000;
  --cathedral-window-glaze-2: #4B0082;
  --cathedral-window-glaze-3: #00008B;
  --cathedral-window-glaze-4: #FFD700;
  --cathedral-window-glaze-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cathedral-window-glaze": {
        1: "#8B0000",
        2: "#4B0082",
        3: "#00008B",
        4: "#FFD700",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

dark jewel tone color palettegothic stained glass schemeluxury dark mode colorsmysterious gold purple blueelegant deep red palette

Palette colors

Hex values

Color 1#8B0000
·
Color 2#4B0082
·
Color 3#00008B
·
Color 4#FFD700
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
7.1:1AAA
1.1:1Fail
2
1.3:1Fail
1.2:1Fail
9.2:1AAA
1.5:1Fail
3
1.5:1Fail
1.2:1Fail
10.9:1AAA
1.7:1Fail
4
7.1:1AAA
9.2:1AAA
10.9:1AAA
6.4:1AA
5
1.1:1Fail
1.5:1Fail
1.7:1Fail
6.4:1AA

Similar palettes

More like Cathedral Window Glaze

View all dark
Cathedral Glass Shadow
Baronial Hall Tapestry
Cathedral Stained Glass
Gothic Cathedral Window
Gothic Rose Window
Gothic Rose Window