Back to palettes

Palette

Gothic Stained Rose

A dramatic fusion of rich purples and deep reds, reminiscent of light through a gothic stained-glass rose window.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#C71585#E9967A#280630

Palette guide

How to use Gothic Stained Rose

Overview

The Gothic Stained Rose palette evokes a sense of dramatic elegance and historical depth, perfect for projects requiring a rich, ornate aesthetic. Anchored by a deep, enigmatic Indigo (#4B0082) and a vibrant Amethyst (#8A2BE2), it introduces a passionate Raspberry (#C71585) and a softer, earthy Salmon (#E9967A). The darkest shade, a near-black Eggplant (#280630), provides crucial contrast and grounding. This collection is ideal for creating designs reminiscent of intricate stained-glass windows or luxurious, vintage-inspired interfaces. Designers can leverage its sophisticated interplay of purples and reds to craft immersive digital experiences, high-end branding, or captivating editorial layouts. Developers will find these hex codes a cohesive set for building visually stunning and mood-driven applications.

Best used for

  • Luxury brand identity and packaging
  • High-end event invitations and decor
  • Gothic-themed video games or websites
  • Art and photography portfolios
  • Editorial design (book covers, magazine layouts)
  • Interior design visualization for classic spaces

Suggested color roles

primary

Utilize #4B0082 (Indigo) as the foundational color for large sections, headers, or primary branding elements, conveying depth and luxury.

secondary

Employ #8A2BE2 (Amethyst) for supporting elements, subheadings, or secondary graphics, providing a vibrant, spiritual counterpoint to the primary.

accent

Reserve #C71585 (Raspberry) for calls-to-action, interactive elements, or small, impactful details to draw immediate attention with its passionate hue.

background

Use #280630 (Eggplant) for dark, sophisticated backgrounds, creating a dramatic canvas that allows lighter colors to truly pop, or for deep footer areas.

text

For body text on dark backgrounds, #E9967A (Salmon) offers a warm, readable contrast. Alternatively, a pure white or very light cream can be used for maximum legibility against the darker shades.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #E9967A (Salmon) with darker backgrounds such as #280630 (Eggplant) or #4B0082 (Indigo), especially for body text.
  • Avoid placing #C71585 (Raspberry) text on #4B0082 (Indigo) backgrounds, as their proximity in value may lead to poor readability.
  • For critical information, aim for a minimum WCAG AA contrast ratio of 4.5:1 for normal text and 3:1 for large text.
  • Consider using #E9967A (Salmon) or a near-white for essential text elements to maximize readability against the dominant dark purples.

Recommended combinations

Dramatic Contrast

Ideal for bold hero sections or impactful call-to-action buttons, creating strong visual hierarchy and drawing the eye.

#280630 · #E9967A · #C71585

Regal Harmony

Excellent for sophisticated navigation menus, subheadings, or intricate graphic elements that require depth and elegance.

#4B0082 · #8A2BE2 · #E9967A

Stained Glass Glow

Perfect for creating layered, illustrative designs or decorative borders, mimicking the palette's namesake with a vibrant, glowing effect.

#4B0082 · #C71585 · #E9967A

CSS variables

:root {
  --gothic-stained-rose-1: #4B0082;
  --gothic-stained-rose-2: #8A2BE2;
  --gothic-stained-rose-3: #C71585;
  --gothic-stained-rose-4: #E9967A;
  --gothic-stained-rose-5: #280630;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-stained-rose": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#C71585",
        4: "#E9967A",
        5: "#280630",
      }
    }
  }
}

Related searches

gothic color schemedark elegant color palettestained glass colorspurple and red paletteornate design colors

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#C71585
·
Color 4#E9967A
·
Color 5#280630
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.4:1Fail
5.6:1AA
1.4:1Fail
2
2.2:1Fail
1.1:1Fail
2.6:1Fail
3:1AA18
3
2.4:1Fail
1.1:1Fail
2.4:1Fail
3.3:1AA18
4
5.6:1AA
2.6:1Fail
2.4:1Fail
7.9:1AAA
5
1.4:1Fail
3:1AA18
3.3:1AA18
7.9:1AAA

Similar palettes

More like Gothic Stained Rose

View all dark
Midnight Rose Velvet
Cathedral Glass Shadow
Cathedral Stained Glass
Crimson Velvet Drama
Gothic Amethyst Glow
Gothic Cathedral Glass