Back to palettes

Palette

Gothic Cathedral Stain

Deep, jewel-toned colors reminiscent of the dramatic, vibrant light filtering through ancient cathedral stained glass.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Cathedral Stain 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 Cathedral Stain.

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

Data visualization

#4B0082#8B008B#FF0000#FFD700#3CB371

Palette guide

How to use Gothic Cathedral Stain

Overview

The "Gothic Cathedral Stain" palette is a vibrant and dramatic collection of jewel-toned colors, reminiscent of the intense light filtering through ancient cathedral stained glass. This palette features a majestic Dark Violet (#4B0082), a rich Dark Magenta (#8B008B), a striking Red (#FF0000), a luminous Gold (#FFD700), and a refreshing Medium Sea Green (#3CB371). Designers and developers can leverage these vivid hues to create captivating and historically inspired digital experiences, luxurious branding, or expressive artistic projects. The balance of deep and bright tones offers immense versatility for conveying elegance, drama, and a touch of medieval grandeur.

Best used for

  • Artistic and creative portfolio websites
  • Event branding for festivals or theatrical performances
  • Children's book illustrations with a rich fantasy theme
  • Luxury goods marketing with a vibrant twist
  • Historical-themed game UI/UX
  • Fashion design mood boards with bold statements

Suggested color roles

primary

#4B0082 (Dark Violet) - A deep, regal primary that grounds the palette, ideal for main navigation or large background elements.

secondary

#8B008B (Dark Magenta) - Offers a rich, mystical counterpoint, suitable for secondary headings, decorative patterns, or sub-sections.

accent

#FFD700 (Gold) - A brilliant and luxurious accent, perfect for highlighting key interactive elements, icons, or important notifications.

background

#3CB371 (Medium Sea Green) - A vibrant, unexpected background choice that brings life and warmth, or use a deep charcoal for contrast.

text

#FF0000 (Red) - A bold, attention-grabbing color for headlines or call-to-action text on a light background. For dark backgrounds, white or near-white text is essential.

Accessibility notes

  • Ensure white or very light text is used on #4B0082, #8B008B, and #3CB371 for readability.
  • Contrast between #FF0000 and #FFD700 is low; avoid using them for text/background pairings.
  • Small text should avoid #FFD700 unless on a very dark background to ensure sufficient contrast.
  • Carefully check contrast if using #3CB371 as a background for text in any of the darker hues; white text is generally recommended.

Recommended combinations

Royal Jewel

Creates a rich, luxurious feel for headings, decorative elements, or key information against a dark background.

#4B0082 · #FFD700 · #8B008B

Vibrant Drama

Excellent for impactful calls-to-action or graphic elements that demand attention and a lively contrast.

#FF0000 · #3CB371 · #4B0082

Stained Glass Light

Use these for intricate patterns, illustrations, or as a vibrant accent trio on a neutral or dark background.

#8B008B · #FFD700 · #3CB371

CSS variables

:root {
  --gothic-cathedral-stain-1: #4B0082;
  --gothic-cathedral-stain-2: #8B008B;
  --gothic-cathedral-stain-3: #FF0000;
  --gothic-cathedral-stain-4: #FFD700;
  --gothic-cathedral-stain-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-stain": {
        1: "#4B0082",
        2: "#8B008B",
        3: "#FF0000",
        4: "#FFD700",
        5: "#3CB371",
      }
    }
  }
}

Related searches

colorful gothic palettesstained glass art colorsvibrant historical designjewel tone web designdramatic colorful branding

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8B008B
·
Color 3#FF0000
·
Color 4#FFD700
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
9.2:1AAA
4.9:1AA
2
1.5:1Fail
2.1:1Fail
6.1:1AA
3.2:1AA18
3
3.2:1AA18
2.1:1Fail
2.9:1Fail
1.5:1Fail
4
9.2:1AAA
6.1:1AA
2.9:1Fail
1.9:1Fail
5
4.9:1AA
3.2:1AA18
1.5:1Fail
1.9:1Fail

Similar palettes

More like Gothic Cathedral Stain

View all dark
Gothic Rose Window
Cathedral Glass Shadow
Cathedral Stained Glass
Cathedral Window Glaze
Gothic Rose Window
Medieval Stained Glass