Back to palettes

Palette

Gothic Cloister Arch

Deep, atmospheric purples and indigos capture the solemn majesty of ancient, shadowed cloisters.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Cloister Arch 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 Cloister Arch.

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

Data visualization

#301934#4B0082#6A0DAD#8B008B#A020F0

Palette guide

How to use Gothic Cloister Arch

Overview

The Gothic Cloister Arch palette captures the deep, atmospheric purples and indigos that evoke the solemn majesty of ancient, shadowed cloisters. Anchored by a profound purple-black (#301934), it transitions through rich indigo (#4B0082) and deep violet (#6A0DAD) to vibrant, almost electric purples (#8B008B, #A020F0). This gradient creates a sense of mystery and grandeur, reminiscent of spiritual sanctuaries. Designers and developers can utilize these hues for projects demanding a luxurious, mystical, or dramatically elegant aesthetic, ensuring a captivating and immersive visual experience with a powerful, moody undertone.

Best used for

  • Dark mode UI for luxury applications
  • Fantasy game environments and magic themes
  • Spiritual or artistic branding
  • High-end fashion and beauty websites
  • Theatrical lighting design and set backdrops
  • Mysterious web design themes

Suggested color roles

primary

Use #301934 as the foundational, deepest shade for backgrounds or primary structural elements, providing profound depth.

secondary

Apply #4B0082 for secondary content areas or large text, offering a rich, vibrant indigo that supports the primary hue.

accent

Introduce #A020F0 sparingly for striking highlights, interactive elements, or key visuals, creating a mystical, luminous focal point.

background

The deepest #301934 serves best as an enveloping background, allowing the brighter purples and indigos to radiate with intensity.

text

For optimal readability, use white or #A020F0 for text on the dark primary and secondary colors. Avoid dark text on this palette.

Accessibility notes

  • All colors in this palette are dark; white or a very light color like #A020F0 is essential for text contrast.
  • Ensure #A020F0 has sufficient contrast when used as text on #301934; it should pass WCAG AA.
  • Avoid using #6A0DAD or #8B008B as background for similarly dark text due to insufficient contrast.
  • Consider larger font sizes for text in the vibrant purples to enhance readability against dark backgrounds.

Recommended combinations

Cloister Depth

Ideal for creating deep, atmospheric backgrounds or layered effects, building a sense of profound mystery and solemnity.

#301934 · #4B0082 · #6A0DAD

Mystical Arch

Perfect for hero sections or focal points, showcasing the vibrant gradient of purples as if illuminated from within.

#6A0DAD · #8B008B · #A020F0

Regal Contrast

Use for prominent call-to-action buttons or key information, leveraging strong contrast between the deepest tone and a luminous accent.

#301934 · #A020F0 · #4B0082

CSS variables

:root {
  --gothic-cloister-arch-1: #301934;
  --gothic-cloister-arch-2: #4B0082;
  --gothic-cloister-arch-3: #6A0DAD;
  --gothic-cloister-arch-4: #8B008B;
  --gothic-cloister-arch-5: #A020F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cloister-arch": {
        1: "#301934",
        2: "#4B0082",
        3: "#6A0DAD",
        4: "#8B008B",
        5: "#A020F0",
      }
    }
  }
}

Related searches

gothic purple indigo palettemysterious dark purple schememoody elegant colorscloister aesthetic designdeep spiritual palette

Palette colors

Hex values

Color 1#301934
·
Color 2#4B0082
·
Color 3#6A0DAD
·
Color 4#8B008B
·
Color 5#A020F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.9:1Fail
3:1AA18
2
1.2:1Fail
1.4:1Fail
1.5:1Fail
2.4:1Fail
3
1.7:1Fail
1.4:1Fail
1.1:1Fail
1.7:1Fail
4
1.9:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
5
3:1AA18
2.4:1Fail
1.7:1Fail
1.6:1Fail

Similar palettes

More like Gothic Cloister Arch

View all dark
Moonlit Abbey Shadow
Black Rose Bloom
Deep Plum Twilight
Enigmatic Shadow Tale
Galactic Storm Swirl
Gothic Charm