Back to palettes

Palette

Gothic Velvet Drama

A palette of rich, deep reds and purples set against dark greys, evoking a sense of ancient mystery and elegance.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Velvet Drama 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 Velvet Drama.

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

Data visualization

#5D1016#3C0A0E#28080A#1C0506#A020F0

Palette guide

How to use Gothic Velvet Drama

Overview

The Gothic Velvet Drama palette offers a luxurious and mysterious aesthetic, perfect for designs requiring depth and sophistication. Dominated by rich, deep reds like #5D1016 and #3C0A0E, it evokes ancient elegance and dramatic flair. The inclusion of an almost-black #1C0506 provides a powerful foundation, while the striking #A020F0 purple serves as a vibrant, regal accent. This palette is ideal for creating immersive experiences, blending somber tones with unexpected bursts of opulent color. Designers can leverage these hues to craft compelling visuals that convey a sense of history, luxury, and captivating intrigue.

Best used for

  • Luxury brand websites and packaging
  • High-end event invitations and decor
  • Gothic or fantasy-themed game interfaces
  • Dramatic fashion editorial layouts
  • Theater production branding and posters
  • Mysterious book cover designs

Suggested color roles

primary

#3C0A0E - A deep, rich red-brown that grounds the palette, ideal for large sections, headers, or primary branding elements where depth is key.

secondary

#5D1016 - A slightly brighter, yet still profound maroon, excellent for supporting elements, subheadings, or secondary call-to-action buttons that need to stand out from the primary.

accent

#A020F0 - A vivid, dramatic purple that provides a powerful contrast and focal point. Use sparingly for highlights, interactive elements, or key design details.

background

#1C0506 - An extremely dark, almost black hue with a subtle red undertone, perfect for creating an immersive, dramatic backdrop that allows other colors to pop.

text

Use a light, near-white color like #F8F8F8 for primary text against dark backgrounds. For larger headings or specific elements, #5D1016 or #A020F0 can be used against #1C0506 for dramatic effect, ensuring sufficient contrast.

Accessibility notes

  • Ensure sufficient contrast between #1C0506 background and any text. A light text color is essential for readability.
  • The vivid #A020F0 accent against any dark background will likely pass WCAG AA for large text, but always check for small text sizes.
  • Avoid using #28080A or #3C0A0E for small text on #1C0506 as contrast will be poor and challenging to read.
  • Consider using #5D1016 for larger headings against very dark backgrounds, but always verify contrast ratios for optimal legibility.

Recommended combinations

Royal Depth

For dramatic headers or calls-to-action where the purple accent needs to pop against a deep background, conveying luxury.

#1C0506 · #A020F0 · #5D1016

Velvet Overlay

A rich, layered look for UI elements, data visualization, or content blocks, with the purple acting as a vibrant highlight.

#3C0A0E · #5D1016 · #A020F0

Subtle Intrigue

For background gradients, subtle texture, or areas needing depth without high contrast, such as footer sections or sidebars.

#28080A · #3C0A0E · #5D1016

CSS variables

:root {
  --gothic-velvet-drama-1: #5D1016;
  --gothic-velvet-drama-2: #3C0A0E;
  --gothic-velvet-drama-3: #28080A;
  --gothic-velvet-drama-4: #1C0506;
  --gothic-velvet-drama-5: #A020F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-velvet-drama": {
        1: "#5D1016",
        2: "#3C0A0E",
        3: "#28080A",
        4: "#1C0506",
        5: "#A020F0",
      }
    }
  }
}

Related searches

dark gothic color schemevelvet red purple palettedramatic luxury colorsmysterious deep red hueselegant dark design palette

Palette colors

Hex values

Color 1#5D1016
·
Color 2#3C0A0E
·
Color 3#28080A
·
Color 4#1C0506
·
Color 5#A020F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.4:1Fail
2.6:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
3.2:1AA18
3
1.4:1Fail
1.1:1Fail
1.1:1Fail
3.5:1AA18
4
1.4:1Fail
1.2:1Fail
1.1:1Fail
3.7:1AA18
5
2.6:1Fail
3.2:1AA18
3.5:1AA18
3.7:1AA18

Similar palettes

More like Gothic Velvet Drama

View all dark
Raven Feather Veil
Stained Glass Gloom
Black Rose Bloom
Enigmatic Shadow Tale
Gothic Cathedral Whisper
Gothic Chapel Stained