Back to palettes

Palette

Gothic Chapel Stained

Deep, jewel-like purples and magentas inspired by the dramatic, light-filtering stained glass of an ancient chapel.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C001E#4B002F#7B0045#A82E6E#D66BB4

Palette guide

How to use Gothic Chapel Stained

Overview

The Gothic Chapel Stained palette unveils deep, jewel-like purples and magentas, inspired by the dramatic, light-filtering stained glass of an ancient chapel. It begins with a profound, almost black purple (#2C001E), gradually transitioning through a rich, dark magenta (#4B002F) to a vibrant, intense magenta (#7B0045). Lighter, more ethereal magentas (#A82E6E, #D66BB4) complete the spectrum, mimicking the varying intensity of light through glass. This palette is exceptionally useful for designers and developers aiming to create projects imbued with drama, luxury, romance, or historical flair, evoking the mystical beauty of a gothic chapel.

Best used for

  • Luxury fashion branding and editorials
  • Romantic web design and digital art
  • Fantasy-themed game environments
  • Theatrical lighting and set design
  • High-end product packaging
  • Gothic or romantic literature covers

Suggested color roles

primary

Designate #2C001E as the foundational background, providing an encompassing, deep purple-black canvas for dramatic effect.

secondary

Utilize #7B0045 for secondary content blocks or large headings, offering a rich, vibrant magenta that draws the eye.

accent

Apply #D66BB4 sparingly for delicate highlights, interactive elements, or intricate patterns, mimicking ethereal light through glass.

background

The darkest shade, #2C001E, works best as the primary background, allowing the brighter magentas to glow against it.

text

For optimal readability, use #D66BB4 or a crisp white on the darker shades like #2C001E, #4B002F, and #7B0045.

Accessibility notes

  • Ensure high contrast for text on #A82E6E; white or #D66BB4 will likely be necessary.
  • The lightest color, #D66BB4, provides excellent contrast for text on all darker shades in the palette.
  • Avoid using #4B002F or #7B0045 as background for similarly dark text, as contrast will be insufficient.
  • Always verify contrast ratios for all text elements to maintain readability across the palette.

Recommended combinations

Deep Magenta Glow

Ideal for hero sections or main calls to action, showcasing the full depth and vibrancy of the magenta spectrum.

#2C001E · #7B0045 · #D66BB4

Chapel Shadows

Perfect for layered backgrounds or subtle graphic elements, building a sense of mysterious depth and progression.

#2C001E · #4B002F · #A82E6E

Stained Glass Detail

Use for intricate patterns, decorative borders, or smaller UI components, highlighting the beautiful luminosity of the lighter shades.

#7B0045 · #A82E6E · #D66BB4

CSS variables

:root {
  --gothic-chapel-stained-1: #2C001E;
  --gothic-chapel-stained-2: #4B002F;
  --gothic-chapel-stained-3: #7B0045;
  --gothic-chapel-stained-4: #A82E6E;
  --gothic-chapel-stained-5: #D66BB4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-chapel-stained": {
        1: "#2C001E",
        2: "#4B002F",
        3: "#7B0045",
        4: "#A82E6E",
        5: "#D66BB4",
      }
    }
  }
}

Related searches

gothic purple magenta palettestained glass jewel tonesdramatic historic colorsromantic dark purple schemechapel inspired design

Palette colors

Hex values

Color 1#2C001E
·
Color 2#4B002F
·
Color 3#7B0045
·
Color 4#A82E6E
·
Color 5#D66BB4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.9:1Fail
5.9:1AA
2
1.2:1Fail
1.4:1Fail
2.4:1Fail
4.9:1AA
3
1.7:1Fail
1.4:1Fail
1.7:1Fail
3.4:1AA18
4
2.9:1Fail
2.4:1Fail
1.7:1Fail
2:1Fail
5
5.9:1AA
4.9:1AA
3.4:1AA18
2:1Fail

Similar palettes

More like Gothic Chapel Stained

View all dark
Gothic Velvet Drama
Mystic Jewel Shadow
Stained Glass Gloom
Gothic Bloom Reverie
Gothic Cathedral Stain
Gothic Stained Glass