Back to palettes

Palette

Soft Velvet Drape

Deep and luxurious shades of plum and lavender, evoking the soft, rich folds of velvet fabric.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A2D78#8D5EA8#C7BEE6#D7BFEF#3D1F57

Palette guide

How to use Soft Velvet Drape

Overview

The "Soft Velvet Drape" palette offers a luxurious journey through deep and rich purples, perfect for evoking sophistication and elegance. From the profound depth of #5A2D78 to the ethereal lightness of #D7BFEF, this collection of five shades provides versatility for creating both dramatic and soft visual narratives. Designers and developers can leverage the rich #3D1F57 as a foundational dark, while brighter hues like #C7BEE6 offer gentle contrast. This palette is ideal for projects requiring a touch of opulence and refined beauty, ensuring a cohesive and distinguished aesthetic.

Best used for

  • Luxury brand identity
  • High-end fashion and beauty websites
  • Elegant event invitations and decor
  • Interior design accents for sophisticated spaces
  • Editorial design for art and culture magazines
  • Mobile app interfaces requiring a refined, premium feel

Suggested color roles

primary

Use #5A2D78 as the dominant color for main sections, headers, or large graphical elements to establish a regal presence.

secondary

Employ #8D5EA8 for supporting content, subheadings, or secondary calls to action, maintaining a harmonious flow.

accent

Apply #D7BFEF for subtle highlights, interactive states, or delicate graphic elements to add a touch of luminosity.

background

Utilize #3D1F57 for a deep, luxurious background that allows lighter text and elements to pop, or #C7BEE6 for a softer, airy canvas.

text

For dark backgrounds like #3D1F57, use #C7BEE6 or a near-white for readability. On lighter backgrounds like #D7BFEF, a deep charcoal or #5A2D78 works well.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially for #C7BEE6 on #D7BFEF, which might require larger text.
  • Use #3D1F57 with #C7BEE6 or #D7BFEF for high-contrast text to meet WCAG AA standards.
  • Avoid placing #5A2D78 text directly on #8D5EA8 background without careful contrast checking.
  • Interactive elements (buttons, links) should have clear hover/focus states using a contrasting accent like #D7BFEF.

Recommended combinations

Deep & Luminous

Creates a dramatic and elegant contrast, ideal for striking headers or hero sections.

#3D1F57 · #C7BEE6 · #D7BFEF

Regal Harmony

Offers a balanced, sophisticated progression, perfect for content blocks or multi-level navigation.

#5A2D78 · #8D5EA8 · #C7BEE6

Soft Gradient

Generates a gentle, flowing aesthetic, suitable for subtle backgrounds or decorative elements.

#8D5EA8 · #C7BEE6 · #D7BFEF

CSS variables

:root {
  --soft-velvet-drape-2-1: #5A2D78;
  --soft-velvet-drape-2-2: #8D5EA8;
  --soft-velvet-drape-2-3: #C7BEE6;
  --soft-velvet-drape-2-4: #D7BFEF;
  --soft-velvet-drape-2-5: #3D1F57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-velvet-drape-2": {
        1: "#5A2D78",
        2: "#8D5EA8",
        3: "#C7BEE6",
        4: "#D7BFEF",
        5: "#3D1F57",
      }
    }
  }
}

Related searches

deep purple color schemeluxurious purple palettevelvet design colorselegant UI purpledark purple branding

Palette colors

Hex values

Color 1#5A2D78
·
Color 2#8D5EA8
·
Color 3#C7BEE6
·
Color 4#D7BFEF
·
Color 5#3D1F57
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
5.7:1AA
6:1AA
1.4:1Fail
2
2.1:1Fail
2.8:1Fail
2.9:1Fail
2.8:1Fail
3
5.7:1AA
2.8:1Fail
1.1:1Fail
7.8:1AAA
4
6:1AA
2.9:1Fail
1.1:1Fail
8.2:1AAA
5
1.4:1Fail
2.8:1Fail
7.8:1AAA
8.2:1AAA

Similar palettes

More like Soft Velvet Drape

View all dark
Midnight Velour Drapes
Midnight Velour Stage
Midnight Velvet Cosmos
Opulent Stage Drape
Plum Velvet Luxe
Velvet Twilight Bloom