Palette

Dusky Velvet Drape

Rich and opulent, reminiscent of luxurious velvet drapes in a dimly lit, sophisticated chamber.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Velvet Drape 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 Dusky Velvet Drape.

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

Data visualization

#4B0082#6A5ACD#483D8B#8A2BE2#2F0F3D

Palette guide

How to use Dusky Velvet Drape

Overview

The Dusky Velvet Drape palette is rich and opulent, reminiscent of luxurious velvet drapes in a dimly lit, sophisticated chamber. Featuring deep purples and indigos like #4B0082, #6A5ACD, and the almost black #2F0F3D, this collection exudes luxury and drama. It's an exceptional choice for designers seeking to convey elegance, depth, and a touch of mystery. These powerful tones are ideal for high-end branding, theatrical productions, or digital interfaces that demand a sophisticated and immersive feel.

Best used for

Luxury brand identity
High-end fashion websites
Theatrical posters and programs
Elegant event invitations
Sophisticated UI themes
Dramatic digital art and illustration

Suggested color roles

primary

#483D8B serves as a deep, sophisticated indigo, excellent for main content areas or substantial design elements.

secondary

#4B0082 is an even deeper shade, providing strong anchors, shadows, or background depth.

accent

#8A2BE2, a vibrant, jewel-toned purple, is perfect for striking highlights, calls-to-action, or interactive states.

background

#2F0F3D, the deepest shade, creates a luxurious and moody base for a truly immersive experience.

text

For readability on dark backgrounds, use #6A5ACD or a very light gray/white. For critical text, white is essential.

Accessibility notes

Text on #2F0F3D or #4B0082 will require very light colors (e.g., white or a light gray) for sufficient readability contrast.
Using #8A2BE2 as text on #483D8B may not have sufficient contrast; ensure careful testing.
Ensure all interactive elements have a clear focus state and adequate contrast to be easily discernible.
For body text, consider a light gray or off-white on the darker backgrounds to prevent eye strain and improve legibility.

Recommended combinations

Deep Contrast

Creates layers of deep purple and indigo with a mid-tone for a rich, textured effect.

#2F0F3D · #4B0082 · #6A5ACD

Jewel Pop

Highlights key elements with a vibrant accent against deep, muted background tones.

#8A2BE2 · #483D8B · #2F0F3D

Velvet Flow

Offers subtle variation in deep, rich purples, ideal for gradients or layered interfaces.

#4B0082 · #483D8B · #6A5ACD

CSS variables

:root {
  --dusky-velvet-drape-1: #4B0082;
  --dusky-velvet-drape-2: #6A5ACD;
  --dusky-velvet-drape-3: #483D8B;
  --dusky-velvet-drape-4: #8A2BE2;
  --dusky-velvet-drape-5: #2F0F3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-velvet-drape": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#483D8B",
        4: "#8A2BE2",
        5: "#2F0F3D",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#483D8B

Color 4#8A2BE2

Color 5#2F0F3D

Accessibility

Contrast checker

2.4:1Fail

1.4:1Fail

2.2:1Fail

1.3:1Fail

2.4:1Fail

1.7:1Fail

1.1:1Fail

3.1:1AA18

1.4:1Fail

1.7:1Fail

1.5:1Fail

1.8:1Fail

2.2:1Fail

1.1:1Fail

1.5:1Fail

2.8:1Fail

1.3:1Fail

3.1:1AA18

1.8:1Fail

2.8:1Fail

Similar palettes

More like Dusky Velvet Drape

View all dark

Elderberry Preserve

Glamorous Velvet Curtain

Grape Escape

Imperial Velvet

Jeweled Plum Tapestry

Midnight Berry Crush