Back to palettes

Palette

Vintage Velvet Drape

Rich, sumptuous tones that evoke the deep, plush luxury and vintage charm of velvet drapes.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3B1C3B#5C2D5C#7F4D7F#A06DA0#C28FC2

Palette guide

How to use Vintage Velvet Drape

Overview

The Vintage Velvet Drape palette offers a journey into deep, opulent purples, perfect for designs seeking a luxurious and retro aesthetic. With its sumptuous tones ranging from the profound #3B1C3B to the lighter, yet still rich, #C28FC2, this collection is ideal for creating an atmosphere of sophisticated elegance. Designers can leverage these shades to evoke the plush texture of vintage fabrics, adding depth and warmth to digital interfaces or physical spaces. The mid-tone #7F4D7F provides excellent versatility, serving as a bridge between the darker foundations and brighter accents. This palette is especially effective for high-end branding, fashion lines, or applications where a sense of refined nostalgia is desired, ensuring a memorable and distinguished visual experience.

Best used for

  • Luxury brand websites
  • High-end fashion lookbooks
  • Interior design concepts (mood boards)
  • Elegant event invitations
  • Theatrical or artistic branding
  • E-commerce for vintage goods

Suggested color roles

primary

#3B1C3B - Use as the dominant deep foundation for large sections, headers, or luxurious dark mode interfaces, conveying ultimate richness.

secondary

#5C2D5C - Ideal for supporting panels, sidebars, or prominent UI elements, providing depth without overwhelming the primary.

accent

#A06DA0 - Apply to interactive elements, calls-to-action, or decorative highlights to draw attention with a sophisticated pop.

background

#C28FC2 - A soft, elegant background for content areas that need to feel light yet retain the palette's vintage charm.

text

On darker shades like #3B1C3B or #5C2D5C, use white or a very light grey for optimal readability. For #C28FC2, a dark charcoal or black text is recommended.

Accessibility notes

  • Ensure high contrast for text: White or very light grey text on #3B1C3B and #5C2D5C is crucial for readability.
  • Be mindful of adjacent purples: Text or UI elements in #7F4D7F may lack sufficient contrast on backgrounds like #A06DA0.
  • Check WCAG AA/AAA compliance for critical UI elements, especially interactive components using accent colors.
  • Avoid using the mid-range colors, such as #7F4D7F, for small body text against backgrounds that are too close in luminance.

Recommended combinations

Deep Elegance

Ideal for hero sections or luxurious product displays, using the deepest shade as background, the mid-tone for headings, and the lightest for body text or accents.

#3B1C3B · #A06DA0 · #C28FC2

Soft Vintage

Great for content pages or blog posts, where the lightest color forms the background, the mid-purple provides inviting headings, and the darkest offers subtle accents or links.

#C28FC2 · #7F4D7F · #3B1C3B

Velvet Layers

Effective for layering UI elements or cards, with #5C2D5C as a base, #A06DA0 for interactive elements, and #7F4D7F for supporting text.

#5C2D5C · #A06DA0 · #7F4D7F

CSS variables

:root {
  --vintage-velvet-drape-1: #3B1C3B;
  --vintage-velvet-drape-2: #5C2D5C;
  --vintage-velvet-drape-3: #7F4D7F;
  --vintage-velvet-drape-4: #A06DA0;
  --vintage-velvet-drape-5: #C28FC2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-velvet-drape": {
        1: "#3B1C3B",
        2: "#5C2D5C",
        3: "#7F4D7F",
        4: "#A06DA0",
        5: "#C28FC2",
      }
    }
  }
}

Related searches

luxurious purple color schemeretro velvet palettedeep plum branding colorselegant vintage UI designroyal purple web design

Palette colors

Hex values

Color 1#3B1C3B
·
Color 2#5C2D5C
·
Color 3#7F4D7F
·
Color 4#A06DA0
·
Color 5#C28FC2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.7:1AA18
5.7:1AA
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
4:1AA18
3
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
3.7:1AA18
2.6:1Fail
1.6:1Fail
1.5:1Fail
5
5.7:1AA
4:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Vintage Velvet Drape

View all dark