Back to palettes

Palette

Velvet Shadow Pact

A luxurious palette with deep, dramatic tones, evoking a sense of mysterious elegance and old-world romance.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Shadow Pact 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 Velvet Shadow Pact.

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

Data visualization

#2D0B0B#4A1919#6E2D2D#A34E4E#E0A0A0

Palette guide

How to use Velvet Shadow Pact

Overview

The Velvet Shadow Pact palette is a luxurious collection of deep, moody reds and desaturated browns, evoking a sense of mysterious elegance and old-world romance. Starting with the profound #2D0B0B, it transitions through the rich #4A1919 and #6E2D2D, culminating in the expressive #A34E4E and the soft #E0A0A0. This palette is ideal for designs that aim to convey sophistication, drama, and a touch of the enigmatic. Its harmonious blend of dark and lighter tones offers versatility for creating compelling visual narratives.

Best used for

  • gothic branding and design
  • vintage photography filters
  • luxury product packaging
  • moody website themes
  • historical fiction covers
  • elegant evening wear inspiration

Suggested color roles

primary

#2D0B0B serves as a profound, anchoring dark tone, perfect for sophisticated backgrounds or powerful branding.

secondary

#4A1919 offers a rich, supportive mid-tone, ideal for secondary elements, borders, or deeper content blocks.

accent

#A34E4E or #E0A0A0 provides a softer, yet expressive accent, excellent for highlights, call-to-actions, or delicate details.

background

Use #E0A0A0 for a lighter, ambient background. For a dramatic setting, #2D0B0B with light text works powerfully.

text

On lighter backgrounds like #E0A0A0, a deep charcoal or black ensures optimal readability. For darker tones, pure white or a very light gray is recommended.

Accessibility notes

  • Ensure sufficient contrast between #E0A0A0 and #A34E4E for text, favoring larger sizes or darker shades for readability.
  • Text on #6E2D2D may require careful contrast checking; white or a very dark neutral can work depending on context.
  • Avoid using #A34E4E directly on #E0A0A0 for small text or thin lines due to potential low contrast.
  • Verify interactive elements have clear visual distinctions, especially when using similar mid-tones for hover states.

Recommended combinations

Shadow Depth

Creates a deep, mysterious foundation, suitable for formal branding, headers, or dramatic visual storytelling.

#2D0B0B · #4A1919 · #6E2D2D

Romantic Blush

Offers a delicate, romantic gradient, ideal for subtle backgrounds, illustrations, or feminine interfaces.

#6E2D2D · #A34E4E · #E0A0A0

Elegant Contrast

Combines the deepest tone with the lightest accents for a striking and elegant visual dynamic.

#2D0B0B · #E0A0A0 · #A34E4E

CSS variables

:root {
  --velvet-shadow-pact-1: #2D0B0B;
  --velvet-shadow-pact-2: #4A1919;
  --velvet-shadow-pact-3: #6E2D2D;
  --velvet-shadow-pact-4: #A34E4E;
  --velvet-shadow-pact-5: #E0A0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-shadow-pact": {
        1: "#2D0B0B",
        2: "#4A1919",
        3: "#6E2D2D",
        4: "#A34E4E",
        5: "#E0A0A0",
      }
    }
  }
}

Related searches

moody red brown palettegothic color scheme hexdark vintage colorsmysterious elegant huesvelvet red and grey palette

Palette colors

Hex values

Color 1#2D0B0B
·
Color 2#4A1919
·
Color 3#6E2D2D
·
Color 4#A34E4E
·
Color 5#E0A0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
3.2:1AA18
8.3:1AAA
2
1.2:1Fail
1.4:1Fail
2.6:1Fail
6.7:1AA
3
1.8:1Fail
1.4:1Fail
1.8:1Fail
4.7:1AA
4
3.2:1AA18
2.6:1Fail
1.8:1Fail
2.6:1Fail
5
8.3:1AAA
6.7:1AA
4.7:1AA
2.6:1Fail

Similar palettes

More like Velvet Shadow Pact

View all dark