Back to palettes

Palette

Gothic Violet Shadow

Deep, brooding violets that conjure images of ancient, shadowed gothic architecture.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Violet Shadow 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 Violet Shadow.

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

Data visualization

#3A0244#5D046A#810790#A409B7#C80BFD

Palette guide

How to use Gothic Violet Shadow

Overview

The Gothic Violet Shadow palette plunges into the depths of vibrant, brooding violets, creating an intensely mysterious and elegant atmosphere. With foundational hues like #3A0244 and #5D046A, it establishes a powerful dark base. The progression to #810790, #A409B7, and the striking #C80BFD offers a spectrum of rich, jewel-toned purples that command attention. This palette is a designer's dream for projects requiring dramatic flair, from high-impact branding to digital art. Developers can implement these bold hex codes for immersive interfaces, ensuring a consistent and captivating visual experience that stands out with its unique intensity.

Best used for

  • Dramatic digital art and illustrations
  • High-impact website hero sections
  • Mysterious branding and logos
  • Luxury product packaging
  • Gaming UI/UX design
  • Fashion and beauty content

Suggested color roles

primary

Use #3A0244 as a deep, anchoring primary color for large background areas or foundational structural elements, establishing gravitas.

secondary

Apply #5D046A for supporting content blocks, navigation bars, or as a rich background for secondary sections, maintaining depth.

accent

Employ #C80BFD sparingly for powerful calls-to-action, interactive highlights, or significant graphic elements to create a striking focal point.

background

Choose #3A0244 or #5D046A for an immersive, dark background that allows the brighter violets to truly pop.

text

Utilize #A409B7 for headings and important text on very dark backgrounds, or a bright white/light gray for body copy to ensure readability.

Accessibility notes

  • Ensure strong contrast between #C80BFD and #3A0244 for critical interactive elements.
  • Verify readability for text using #A409B7 on mid-range violet backgrounds like #810790.
  • Avoid using #3A0244 as a text color on #5D046A, as contrast may be insufficient for accessibility.
  • For body text on dark backgrounds, a pure white or very light gray is recommended for optimal readability.

Recommended combinations

Shadowed Depth

Excellent for creating layered backgrounds, complex navigation menus, or a dramatic visual hierarchy in web design.

#3A0244 · #5D046A · #A409B7

Vibrant Highlight

Ideal for eye-catching calls-to-action, prominent icons, or interactive elements that need to stand out boldly.

#5D046A · #C80BFD · #3A0244

Mystic Glow

Perfect for subtle gradients, graphic overlays, or illustrations where a transition from dark to vibrant violet is desired.

#810790 · #A409B7 · #3A0244

CSS variables

:root {
  --gothic-violet-shadow-1: #3A0244;
  --gothic-violet-shadow-2: #5D046A;
  --gothic-violet-shadow-3: #810790;
  --gothic-violet-shadow-4: #A409B7;
  --gothic-violet-shadow-5: #C80BFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-violet-shadow": {
        1: "#3A0244",
        2: "#5D046A",
        3: "#810790",
        4: "#A409B7",
        5: "#C80BFD",
      }
    }
  }
}

Related searches

dark violet color schemegothic purple palettemysterious design colorsjewel tone violet hexdramatic dark UI colors

Palette colors

Hex values

Color 1#3A0244
·
Color 2#5D046A
·
Color 3#810790
·
Color 4#A409B7
·
Color 5#C80BFD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.6:1Fail
3.9:1AA18
2
1.3:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
2.6:1Fail
2:1Fail
1.4:1Fail
1.5:1Fail
5
3.9:1AA18
2.9:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Gothic Violet Shadow

View all dark
Black Rose Bloom
Enigmatic Shadow Tale
Gothic Manor Shadow
Raven Feather Veil
Deep Plum Twilight
Gothic Bloom Reverie