Back to palettes

Palette

Gothic Rose Window

Inspired by the rich, stained-glass colors of a majestic Gothic cathedral's 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

#5B2C6F#8E44AD#CD6155#1B2631#AF7AC5

Palette guide

How to use Gothic Rose Window

Overview

The Gothic Rose Window palette offers a mystic and dramatic blend of jewel tones, perfectly capturing the essence of an ancient cathedral's stained glass. Dominated by deep purples like #5B2C6F and #8E44AD, it introduces a striking warm accent with #CD6155 and a foundational dark neutral #1B2631. The lighter #AF7AC5 provides a luminous touch. This palette is designed for projects seeking an elegant, mysterious, and visually rich aesthetic, leveraging the deep contrasts and vibrant highlights found in historic artistry. It's a truly captivating collection for designers.

Best used for

  • Fantasy game user interfaces
  • Mystical brand identities
  • Luxury product packaging
  • Creative arts and photography websites
  • Spiritual and wellness retreat branding
  • Theatrical or performance art promotions

Suggested color roles

primary

Use #5B2C6F as the main color for large sections, conveying depth, mystery, and elegance.

secondary

Employ #8E44AD for supporting elements, adding a vibrant yet harmonious purple layer.

accent

Apply #CD6155 sparingly for striking highlights, call-to-action buttons, or to draw attention with its warm contrast.

background

Choose #1B2631 for a deep, grounding background that allows the richer purples and the orange accent to truly pop.

text

Utilize #AF7AC5 for light, readable text on dark backgrounds, ensuring clarity while maintaining the palette's mystical feel.

Accessibility notes

  • Ensure #AF7AC5 text on #1B2631 or #5B2C6F backgrounds meets WCAG contrast standards.
  • The vibrant #CD6155 should be tested for readability when used as text, especially on mid-tone backgrounds.
  • Avoid using #5B2C6F and #8E44AD as text colors on similar dark backgrounds due to potential low contrast.
  • Consider using a very dark charcoal (e.g., #1B2631) for text on lighter backgrounds (e.g., near-white) for legibility.

Recommended combinations

Mystic Depth

A strong base with a luminous highlight and a deep primary purple for contrast.

#1B2631 · #AF7AC5 · #5B2C6F

Warm Glow

Combines deep purple with a vibrant orange accent and a lighter purple for dynamic visuals.

#5B2C6F · #CD6155 · #8E44AD

Regal Blend

Creates a sophisticated purple gradient with a deep, grounding dark color.

#8E44AD · #AF7AC5 · #1B2631

CSS variables

:root {
  --gothic-rose-window-3-1: #5B2C6F;
  --gothic-rose-window-3-2: #8E44AD;
  --gothic-rose-window-3-3: #CD6155;
  --gothic-rose-window-3-4: #1B2631;
  --gothic-rose-window-3-5: #AF7AC5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-rose-window-3": {
        1: "#5B2C6F",
        2: "#8E44AD",
        3: "#CD6155",
        4: "#1B2631",
        5: "#AF7AC5",
      }
    }
  }
}

Related searches

mystic purple palettedramatic jewel tonesgothic fantasy colorsdeep purple orange schemeelegant dark colors

Palette colors

Hex values

Color 1#5B2C6F
·
Color 2#8E44AD
·
Color 3#CD6155
·
Color 4#1B2631
·
Color 5#AF7AC5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.7:1Fail
1.5:1Fail
3.2:1AA18
2
1.8:1Fail
1.5:1Fail
2.6:1Fail
1.8:1Fail
3
2.7:1Fail
1.5:1Fail
4:1AA18
1.2:1Fail
4
1.5:1Fail
2.6:1Fail
4:1AA18
4.7:1AA
5
3.2:1AA18
1.8:1Fail
1.2:1Fail
4.7:1AA

Similar palettes

More like Gothic Rose Window

View all dark
Cathedral Glass Shadow
Cathedral Stained Glass
Cathedral Window Glaze
Geode Amethyst Core
Gothic Stained Glass
Baronial Hall Tapestry