Back to palettes

Palette

Gothic Velvet Cloak

Rich, somber tones with a hint of antique gold, suggesting old-world grandeur and mysterious elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F091F#36454F#191970#B8860B#2E0919

Palette guide

How to use Gothic Velvet Cloak

Overview

The "Gothic Velvet Cloak" palette offers a rich, somber collection perfect for conveying old-world grandeur and mysterious elegance. Dominated by deep, luxurious hues like the profound crimson #4F091F and the almost black #2E0919, it grounds designs in a sense of historical depth. Complementary tones such as the sophisticated slate gray #36454F and the regal dark sapphire #191970 add layers of subdued complexity. A striking antique gold, #B8860B, provides a vital hint of opulence, serving as a luminous accent against the darker foundation. This palette is ideal for designers and developers aiming to evoke a vintage, high-end, or dramatic aesthetic, ensuring visual impact with a touch of timeless mystery.

Best used for

  • Luxury brand identity and packaging
  • Historical fiction book covers or movie posters
  • High-end event invitations and decor
  • Sophisticated website UI for fashion or arts
  • Theatrical stage design and costume palettes
  • Vintage-inspired apparel and accessories

Suggested color roles

primary

Use #4F091F (Deep Crimson) for dominant branding elements, large content blocks, or emotional focal points, evoking a sense of rich luxury.

secondary

Employ #36454F (Dark Slate) for complementary sections, subheadings, or backgrounds where a subtle, grounding presence is needed without overpowering the primary.

accent

Reserve #B8860B (Antique Gold) for call-to-action buttons, key highlights, iconography, or decorative flourishes to provide a touch of opulence.

background

Apply #2E0919 (Deepest Plum) for creating a truly immersive, dark canvas, allowing lighter text and primary colors to stand out with dramatic contrast.

text

For body text, use a very light cream or near-white (e.g., #F8F8F8) to ensure readability against the dark backgrounds. For headings, #B8860B can be striking.

Accessibility notes

  • Ensure sufficient contrast (WCAG AA or AAA) for any text against dark backgrounds, especially when using lighter text colors like cream or #B8860B.
  • Avoid placing #2E0919 or #191970 directly next to #36454F for small elements, as their subtle differences might lack adequate contrast for some users.
  • Reserve #B8860B for larger text or interactive elements if used as a text color, as its mid-tone can be challenging for readability at small sizes on very dark backgrounds.
  • Consider providing a high-contrast mode or alternative theme for users with visual impairments, as this dark palette can be challenging for extended reading.

Recommended combinations

Regal Contrast

Classic gothic elegance for headers, key information, and interactive elements; ideal for luxury branding.

#4F091F · #36454F · #B8860B

Mystic Depth

Creates a deep, mysterious atmosphere suitable for backgrounds, subtle accents, and highlighting important features.

#191970 · #2E0919 · #B8860B

Subtle Richness

For understated, sophisticated designs where depth and texture are prioritized over high contrast, like background patterns or subtle UI elements.

#2E0919 · #4F091F · #36454F

CSS variables

:root {
  --gothic-velvet-cloak-1: #4F091F;
  --gothic-velvet-cloak-2: #36454F;
  --gothic-velvet-cloak-3: #191970;
  --gothic-velvet-cloak-4: #B8860B;
  --gothic-velvet-cloak-5: #2E0919;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-velvet-cloak": {
        1: "#4F091F",
        2: "#36454F",
        3: "#191970",
        4: "#B8860B",
        5: "#2E0919",
      }
    }
  }
}

Related searches

gothic color schemesdark elegant color palettesvintage red and gold palettemysterious website colorsdeep jewel tone palette

Palette colors

Hex values

Color 1#4F091F
·
Color 2#36454F
·
Color 3#191970
·
Color 4#B8860B
·
Color 5#2E0919
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1:1Fail
4.6:1AA
1.2:1Fail
2
1.5:1Fail
1.5:1Fail
3:1AA18
1.8:1Fail
3
1:1Fail
1.5:1Fail
4.6:1AA
1.2:1Fail
4
4.6:1AA
3:1AA18
4.6:1AA
5.5:1AA
5
1.2:1Fail
1.8:1Fail
1.2:1Fail
5.5:1AA

Similar palettes

More like Gothic Velvet Cloak

View all dark
Cathedral Stained Glass
Gothic Rose Window
Art Deco Midnight
Art Deco Speakeasy
Crimson Velvet Drama
Crimson Velvet Theatre