Back to palettes

Palette

Gothic Cathedral Window

Deep, saturated hues with accents of antique gold, inspired by the intricate, mystical beauty of 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 Window 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 Window.

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

Data visualization

#4B0082#8B0000#006400#B8860B#1C1C1C

Palette guide

How to use Gothic Cathedral Window

Overview

The Gothic Cathedral Window palette features deep, saturated hues with accents of antique gold, inspired by the intricate, mystical beauty of stained glass. It grounds itself with a profound dark black (#1C1C1C), against which a rich purple (#4B0082), a deep red (#8B0000), and a forest green (#006400) truly shine. The luminous antique gold (#B8860B) provides a striking, opulent contrast, mimicking the leaded glass frames. This palette is a powerful tool for designers and developers aiming to create projects with a luxurious, dramatic, or historically rich aesthetic, evoking medieval grandeur and jewel-toned elegance.

Best used for

  • Luxury brand identity and packaging
  • Fantasy game UI and environmental art
  • Historical fiction book covers
  • High-end jewelry design and showcases
  • Theatrical or cinematic mood setting
  • Rich, opulent web design themes

Suggested color roles

primary

Designate #1C1C1C as the dominant background or structural color, providing a dramatic and grounding canvas.

secondary

Use #4B0082 or #8B0000 for secondary content blocks or large headings, introducing rich, jewel-toned depth.

accent

Apply #B8860B as a vibrant accent for borders, icons, or interactive elements, mimicking antique gold leaf for opulence.

background

The deep #1C1C1C serves best as an enveloping background, allowing the jewel tones to truly pop with intensity.

text

For maximal impact and readability, use #B8860B or a crisp white for text on the dark primary and secondary colors. Avoid dark text.

Accessibility notes

  • All jewel tones (#4B0082, #8B0000, #006400) require light text (white or #B8860B) for sufficient contrast.
  • Ensure #B8860B has good contrast when used as text on #1C1C1C; typically it performs well.
  • Avoid using #B8860B as a background for any of the other dark colors, as contrast will be too low.
  • Consider larger font sizes when using the saturated jewel tones for text to enhance readability.

Recommended combinations

Stained Jewel

Ideal for hero sections or main navigation, combining the deep black with a rich jewel tone and a luminous gold accent.

#1C1C1C · #4B0082 · #B8860B

Mystic Glow

Perfect for creating vibrant graphical elements or layered backgrounds, showcasing the contrasting jewel tones against a dark base.

#8B0000 · #006400 · #1C1C1C

Regal Accent

Use for call-to-action buttons or decorative borders, highlighting the interplay of rich purple, gold, and green.

#4B0082 · #B8860B · #006400

CSS variables

:root {
  --gothic-cathedral-window-1: #4B0082;
  --gothic-cathedral-window-2: #8B0000;
  --gothic-cathedral-window-3: #006400;
  --gothic-cathedral-window-4: #B8860B;
  --gothic-cathedral-window-5: #1C1C1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-window": {
        1: "#4B0082",
        2: "#8B0000",
        3: "#006400",
        4: "#B8860B",
        5: "#1C1C1C",
      }
    }
  }
}

Related searches

gothic jewel tone palettestained glass color schemerich medieval colorsdark luxury designantique gold accents

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8B0000
·
Color 3#006400
·
Color 4#B8860B
·
Color 5#1C1C1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
4:1AA18
1.3:1Fail
2
1.3:1Fail
1.3:1Fail
3.1:1AA18
1.7:1Fail
3
1.7:1Fail
1.3:1Fail
2.3:1Fail
2.3:1Fail
4
4:1AA18
3.1:1AA18
2.3:1Fail
5.2:1AA
5
1.3:1Fail
1.7:1Fail
2.3:1Fail
5.2:1AA

Similar palettes

More like Gothic Cathedral Window

View all dark
Baronial Hall Tapestry
Cathedral Stained Glass
Cathedral Window Glaze
Crimson Spark
Crimson Velvet Drama
Emerald Gemstone Cache