Palette

Cathedral Glass Dream

The mystical and deep colors of an ancient cathedral's stained glass windows at dusk.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A0A#2C2C2C#4B0082#B03060#FFD700

Palette guide

How to use Cathedral Glass Dream

Overview

The "Cathedral Glass Dream" palette evokes the mystical and deep colors of an ancient cathedral's stained glass windows at dusk. It features a profound near-black #0A0A0A, a deep charcoal #2C2C2C, a rich dark violet #4B0082, a regal deep rose #B03060, and a radiant gold #FFD700. 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

#4B0082 (Dark Violet) - A deep, regal purple, excellent for main headings, important interactive elements, or large background sections, providing a sense of depth.

secondary

#B03060 (Deep Rose) - A rich, elegant red that adds warmth 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

#0A0A0A (Near-Black) - A deep, profound black, 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 #0A0A0A, #2C2C2C, #4B0082, and #B03060. For #FFD700, use black or a very dark charcoal.

Accessibility notes

Use white or very light text on #0A0A0A, #2C2C2C, #4B0082, and #B03060 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

Stained Glass Glow

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

#0A0A0A · #4B0082 · #FFD700

Regal Depth

Ideal for content sections, sophisticated accents, or backgrounds where a rich, immersive feel is desired.

#B03060 · #2C2C2C · #4B0082

Golden Accent

Excellent for emphasizing key details, navigation elements, or graphic accents that need a precious, eye-catching highlight.

#FFD700 · #B03060 · #0A0A0A

CSS variables

:root {
  --cathedral-glass-dream-1: #0A0A0A;
  --cathedral-glass-dream-2: #2C2C2C;
  --cathedral-glass-dream-3: #4B0082;
  --cathedral-glass-dream-4: #B03060;
  --cathedral-glass-dream-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cathedral-glass-dream": {
        1: "#0A0A0A",
        2: "#2C2C2C",
        3: "#4B0082",
        4: "#B03060",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#0A0A0A

Color 2#2C2C2C

Color 3#4B0082

Color 4#B03060

Color 5#FFD700

Accessibility

Contrast checker

1.4:1Fail

1.5:1Fail

3.2:1AA18

14.1:1AAA

1.4:1Fail

1.1:1Fail

2.3:1Fail

10:1AAA

1.5:1Fail

1.1:1Fail

2.1:1Fail

9.2:1AAA

3.2:1AA18

2.3:1Fail

2.1:1Fail

4.4:1AA18

14.1:1AAA

10:1AAA

9.2:1AAA

4.4:1AA18

Similar palettes

More like Cathedral Glass Dream

Amethyst Veil Mystique

Art Deco Emerald

Baroque Jewel Box