Palette

Gothic Rose Window

Rich, jewel-toned colors reminiscent of the dramatic and intricate glass of an ancient gothic rose window.

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

#8B0000#6A5ACD#4B0082#2F4F4F#FFC0CB

Palette guide

How to use Gothic Rose Window

Overview

The Gothic Rose Window palette is a collection of rich, jewel-toned colors reminiscent of ancient stained glass. Featuring deep ruby #8B0000, royal indigo #6A5ACD, mysterious violet #4B0082, grounding charcoal #2F4F4F, and a delicate blush #FFC0CB, this palette offers dramatic contrast and opulent depth. It's perfect for projects aiming to evoke historical grandeur, artistic flair, and a sense of refined mystery. Designers can leverage these hues to create captivating visuals with a luxurious feel, drawing inspiration from medieval art and architecture.

Best used for

Luxury event branding and invitations
Theatrical set and costume design
High-end fashion and accessory displays
Art gallery and museum website design
Fantasy-themed game interfaces
Opulent interior design concepts

Suggested color roles

primary

Use #4B0082 as a deep, enigmatic base for large areas, setting a mysterious and sophisticated tone.

secondary

Employ #8B0000 for powerful accents or secondary elements, adding a rich, passionate contrast.

accent

Reserve #FFC0CB for delicate highlights, small details, or luminous text, providing a soft, ethereal glow.

background

Apply #2F4F4F as a dark, stable background, allowing the jewel tones to truly shine.

text

Use #FFC0CB for primary text on dark backgrounds like #2F4F4F or #4B0082 to ensure excellent readability and a luminous effect.

Accessibility notes

Ensure sufficient contrast when pairing #FFC0CB with darker tones like #2F4F4F and #4B0082 for text.
Avoid using #8B0000 or #6A5ACD for small body text, as their vibrancy might reduce readability on certain backgrounds.
Test color combinations for color blindness, especially the red and violet hues.
Use #2F4F4F for primary text on very light backgrounds (e.g., near-white) for optimal legibility.

Recommended combinations

Deep Glow

For a dramatic background with a soft, luminous accent and deep primary color.

#2F4F4F · #FFC0CB · #4B0082

Regal Vibrancy

A powerful combination of rich jewel tones for impactful design elements.

#6A5ACD · #8B0000 · #4B0082

Subtle Contrast

Ideal for creating depth with a dark base, light highlight, and a complementary mid-tone.

#2F4F4F · #FFC0CB · #6A5ACD

CSS variables

:root {
  --gothic-rose-window-2-1: #8B0000;
  --gothic-rose-window-2-2: #6A5ACD;
  --gothic-rose-window-2-3: #4B0082;
  --gothic-rose-window-2-4: #2F4F4F;
  --gothic-rose-window-2-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-rose-window-2": {
        1: "#8B0000",
        2: "#6A5ACD",
        3: "#4B0082",
        4: "#2F4F4F",
        5: "#FFC0CB",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#6A5ACD

Color 3#4B0082

Color 4#2F4F4F

Color 5#FFC0CB

Accessibility

Contrast checker

1.9:1Fail

1.3:1Fail

1.1:1Fail

6.5:1AA

1.9:1Fail

2.4:1Fail

1.7:1Fail

3.5:1AA18

1.3:1Fail

2.4:1Fail

1.5:1Fail

8.4:1AAA

1.1:1Fail

1.7:1Fail

1.5:1Fail

5.8:1AA

6.5:1AA

3.5:1AA18

8.4:1AAA

5.8:1AA

Similar palettes

More like Gothic Rose Window

View all dark

Cathedral Glass Shadow

Cathedral Stained Glass

Cathedral Window Glaze

Gothic Cathedral Stain

Medieval Stained Glass

Baroque Opera Glam