Back to palettes

Palette

Gothic Rose Window

Deep, jewel-toned hues that recall the magnificent stained glass of ancient cathedrals, casting dramatic light.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Rose 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 Rose Window.

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

Data visualization

#5A1C2C#8B008B#1C2C5A#333333#CD853F

Palette guide

How to use Gothic Rose Window

Overview

The Gothic Rose Window palette features deep, jewel-toned hues that recall the magnificent stained glass of ancient cathedrals, casting dramatic light. This ornate collection includes a rich burgundy #5A1C2C, a vibrant magenta #8B008B, a profound navy #1C2C5A, a grounding charcoal #333333, and an opulent burnt orange #CD853F. It's ideal for designers aiming to create visuals with a sense of historical grandeur, luxury, and intricate detail. The palette offers a powerful balance between dark, foundational colors and striking, jewel-like accents for a truly rich aesthetic.

Best used for

  • Historical fiction book covers
  • Luxury product branding and packaging
  • Museum and gallery exhibition design
  • High-end fashion editorials
  • Opulent interior design concepts
  • Academic and cultural institution websites

Suggested color roles

primary

Use #1C2C5A as a deep, stable primary color for large areas, conveying authority and depth.

secondary

Employ #5A1C2C for supporting elements or as a rich, complementary background section, adding warmth and richness.

accent

Apply #CD853F sparingly for luxurious accents, call-to-action elements, or to highlight important information with its opulent glow.

background

Choose #333333 as a solid, dark neutral base that allows the vibrant jewel tones to truly stand out.

text

Utilize #CD853F for headings or key text on dark backgrounds, and a crisp white (e.g., #FFFFFF) for general body text on #333333 or #1C2C5A.

Accessibility notes

  • Ensure #CD853F text on #333333 or #1C2C5A backgrounds meets WCAG contrast standards.
  • Avoid using #5A1C2C or #8B008B for small body text on dark backgrounds due to potential legibility issues.
  • Test color combinations involving #8B008B for color blindness, as magenta can be problematic for some.
  • For optimal readability, use a very dark charcoal like #333333 for text on light, near-white backgrounds.

Recommended combinations

Regal Contrast

A strong, elegant combination of dark neutral, golden accent, and deep blue.

#333333 · #CD853F · #1C2C5A

Jewel Symphony

Showcases the vibrant, rich interplay of magenta, burgundy, and navy for dramatic effect.

#8B008B · #5A1C2C · #1C2C5A

Opulent Accent

Deep blue with a striking golden highlight, grounded by a dark neutral for luxury designs.

#1C2C5A · #CD853F · #333333

CSS variables

:root {
  --gothic-rose-window-4-1: #5A1C2C;
  --gothic-rose-window-4-2: #8B008B;
  --gothic-rose-window-4-3: #1C2C5A;
  --gothic-rose-window-4-4: #333333;
  --gothic-rose-window-4-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-rose-window-4": {
        1: "#5A1C2C",
        2: "#8B008B",
        3: "#1C2C5A",
        4: "#333333",
        5: "#CD853F",
      }
    }
  }
}

Related searches

gothic jewel tone palettehistoric cathedral colorsrich dark color schemeornate design colorsdeep burgundy gold navy

Palette colors

Hex values

Color 1#5A1C2C
·
Color 2#8B008B
·
Color 3#1C2C5A
·
Color 4#333333
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1:1Fail
4.3:1AA18
2
1.5:1Fail
1.6:1Fail
1.5:1Fail
2.8:1Fail
3
1.1:1Fail
1.6:1Fail
1.1:1Fail
4.5:1AA
4
1:1Fail
1.5:1Fail
1.1:1Fail
4.2:1AA18
5
4.3:1AA18
2.8:1Fail
4.5:1AA
4.2:1AA18

Similar palettes

More like Gothic Rose Window

View all dark