Back to palettes

Palette

Velvet Rose Drama

Deep, rich reds and sophisticated pinks, capturing the opulent and dramatic essence of a velvet rose.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#330A1A#5C1E2B#8A3D4C#B25D6E#D98A9B

Palette guide

How to use Velvet Rose Drama

Overview

The Velvet Rose Drama palette, identified as velvet-rose-drama-2, unfolds a dramatic narrative of deep, luxurious reds and sophisticated pinks. Beginning with the intense #330A1A, it progresses through the rich #5C1E2B and the captivating #8A3D4C, culminating in the expressive #B25D6E and the soft #D98A9B. This collection is perfect for designs that demand opulence, passion, and a touch of gothic elegance, evoking the plush texture and profound beauty of a dramatic velvet rose. It provides a versatile spectrum for striking visual impact.

Best used for

  • gothic romance branding
  • luxury fashion campaigns
  • fine dining restaurant decor
  • dramatic theatrical posters
  • cosmetics and beauty product lines
  • sophisticated event themes

Suggested color roles

primary

#330A1A serves as a profound, dramatic foundation, excellent for primary branding or deep, elegant backgrounds.

secondary

#5C1E2B offers a rich, supportive tone, ideal for secondary elements, borders, or substantial content blocks.

accent

#B25D6E or #D98A9B provides a softer, yet expressive accent, perfect for highlights, call-to-actions, or delicate details.

background

Use #D98A9B for a lighter, romantic background. For a truly dramatic setting, #330A1A with light text works powerfully.

text

On lighter backgrounds like #D98A9B, 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 #D98A9B and #B25D6E for text, favoring larger sizes or darker shades for readability.
  • Text on #8A3D4C may require careful contrast checking; white or a very dark neutral can work depending on context.
  • Avoid using #B25D6E directly on #D98A9B 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

Gothic Depth

Creates a rich, profound depth, suitable for formal branding, headers, or dramatic visual storytelling.

#330A1A · #5C1E2B · #8A3D4C

Rose Flush

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

#8A3D4C · #B25D6E · #D98A9B

Dramatic Flare

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

#330A1A · #D98A9B · #B25D6E

CSS variables

:root {
  --velvet-rose-drama-2-1: #330A1A;
  --velvet-rose-drama-2-2: #5C1E2B;
  --velvet-rose-drama-2-3: #8A3D4C;
  --velvet-rose-drama-2-4: #B25D6E;
  --velvet-rose-drama-2-5: #D98A9B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-rose-drama-2": {
        1: "#330A1A",
        2: "#5C1E2B",
        3: "#8A3D4C",
        4: "#B25D6E",
        5: "#D98A9B",
      }
    }
  }
}

Related searches

dark rose red palettegothic pink color schemedramatic velvet colorsluxurious red pink hexromantic deep red palette

Palette colors

Hex values

Color 1#330A1A
·
Color 2#5C1E2B
·
Color 3#8A3D4C
·
Color 4#B25D6E
·
Color 5#D98A9B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
3.9:1AA18
6.7:1AA
2
1.4:1Fail
1.7:1Fail
2.8:1Fail
4.8:1AA
3
2.4:1Fail
1.7:1Fail
1.6:1Fail
2.8:1Fail
4
3.9:1AA18
2.8:1Fail
1.6:1Fail
1.7:1Fail
5
6.7:1AA
4.8:1AA
2.8:1Fail
1.7:1Fail

Similar palettes

More like Velvet Rose Drama

View all dark