Back to palettes

Palette

Crimson Velvet Drama

A luxurious and intense palette inspired by the deep, rich folds of crimson velvet.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#800000#000000#663366#B8860B

Palette guide

How to use Crimson Velvet Drama

Overview

The Crimson Velvet Drama palette offers a luxurious and intense collection inspired by the deep, rich folds of crimson velvet. Featuring profound hues like #8B0000 and #800000, anchored by #000000, and accented with mysterious #663366 and opulent #B8860B, this collection is perfect for projects demanding elegance, depth, and a touch of gothic allure. Designers can leverage its opulent range for luxurious branding or refined digital interfaces. Developers will find these distinct hex codes valuable for crafting harmonious contrasts, defining clear visual hierarchies, and creating an immersive experience that speaks to dark sophistication.

Best used for

  • Gothic or dramatic themed branding
  • Luxury product websites and packaging
  • High-end event invitations and decor
  • Fashion and jewelry campaigns with an edge
  • Mysterious or fantasy-driven digital art
  • Editorial content with a sophisticated, dark mood

Suggested color roles

primary

#8B0000 for a deep, luxurious base that exudes opulence and drama.

secondary

#800000 to introduce a slightly muted, yet rich, layer, suitable for prominent headings or key content areas.

accent

#B8860B for striking highlights or calls to action, adding a regal, golden touch.

background

#000000 provides a stark, dramatic backdrop, allowing the crimson and gold to truly pop.

text

A crisp white, light gold, or very light gray against the dark reds and black for optimal readability.

Accessibility notes

  • Ensure very high contrast for text on #000000, #8B0000, and #800000 backgrounds; light text is crucial.
  • Text in #663366 will likely need a light background for readability.
  • Be cautious using #B8860B as text on #663366 or other dark colors; test contrast thoroughly.
  • For interactive elements, ensure clear visual cues beyond color, especially with similar dark tones.

Recommended combinations

Dramatic Depth

Ideal for creating a profound, dark gradient in backgrounds or large design elements.

#000000 · #800000 · #8B0000

Regal Accent

Perfect for striking highlights or calls to action, adding a touch of gold against crimson.

#8B0000 · #B8860B · #000000

Mystic Blend

Great for subtle atmospheric effects or background details with a mysterious allure.

#800000 · #663366 · #000000

CSS variables

:root {
  --crimson-velvet-drama-1: #8B0000;
  --crimson-velvet-drama-2: #800000;
  --crimson-velvet-drama-3: #000000;
  --crimson-velvet-drama-4: #663366;
  --crimson-velvet-drama-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-velvet-drama": {
        1: "#8B0000",
        2: "#800000",
        3: "#000000",
        4: "#663366",
        5: "#B8860B",
      }
    }
  }
}

Related searches

gothic red gold palettedramatic velvet color schemeluxury dark brandingcrimson and black designopulent color combinations

Palette colors

Hex values

Color 1#8B0000
·
Color 2#800000
·
Color 3#000000
·
Color 4#663366
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.1:1Fail
1.1:1Fail
3.1:1AA18
2
1.1:1Fail
1.9:1Fail
1.2:1Fail
3.4:1AA18
3
2.1:1Fail
1.9:1Fail
2.2:1Fail
6.5:1AA
4
1.1:1Fail
1.2:1Fail
2.2:1Fail
2.9:1Fail
5
3.1:1AA18
3.4:1AA18
6.5:1AA
2.9:1Fail

Similar palettes

More like Crimson Velvet Drama

View all dark