Back to palettes

Palette

Soft Velvet Drape

Rich, deep purples flow like a plush velvet fabric, exuding a sense of refined luxury.

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

#6A5ACD#483D8B#8A2BE2#BA55D3#DDA0DD

Palette guide

How to use Soft Velvet Drape

Overview

The "Soft Velvet Drape" palette embodies refined luxury, blending rich and deep purples that exude elegance and softness. From the muted depth of #483D8B to the delicate blush of #DDA0DD, this collection offers a sophisticated spectrum for designers and developers aiming for a regal aesthetic. The vibrant #8A2BE2 provides a striking accent, while #6A5ACD offers a balanced mid-tone. This palette is ideal for creating designs that feel plush, expensive, and inviting, perfect for high-end branding, fashion, or editorial content.

Best used for

  • High-end fashion and beauty branding
  • Luxury product packaging
  • Elegant wedding invitations and stationery
  • Interior design concepts for upscale spaces
  • Art gallery or museum website design
  • Sophisticated editorial layouts and publications

Suggested color roles

primary

Use #483D8B as a grounding primary, perfect for solid foundations, large elements, or sophisticated backgrounds.

secondary

Apply #6A5ACD for supporting sections, subheaders, or interactive elements, providing a harmonious mid-tone.

accent

Leverage #BA55D3 or #DDA0DD for vibrant highlights, calls to action, or delicate decorative flourishes.

background

Choose #483D8B for a deep, immersive canvas, or #DDA0DD for a soft, ethereal backdrop.

text

On dark backgrounds like #483D8B, use #DDA0DD or a clean white for optimal readability. For lighter backgrounds, a dark charcoal or #483D8B works effectively.

Accessibility notes

  • Ensure sufficient contrast when using #BA55D3 or #DDA0DD for text on medium purple backgrounds.
  • Pair #483D8B with #DDA0DD for high-contrast text elements to ensure WCAG AA compliance.
  • Avoid using #6A5ACD text directly on #8A2BE2 backgrounds due to potential low contrast.
  • Interactive elements should clearly differentiate states; for example, use #DDA0DD for hover effects on darker buttons.

Recommended combinations

Deep Contrast

Creates a strong visual impact, ideal for hero sections or brand logos that need to stand out.

#483D8B · #DDA0DD · #8A2BE2

Regal Trio

Offers a rich, harmonious blend, perfect for balanced content blocks or color gradients.

#6A5ACD · #8A2BE2 · #BA55D3

Soft Gradient

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

#8A2BE2 · #BA55D3 · #DDA0DD

CSS variables

:root {
  --soft-velvet-drape-1: #6A5ACD;
  --soft-velvet-drape-2: #483D8B;
  --soft-velvet-drape-3: #8A2BE2;
  --soft-velvet-drape-4: #BA55D3;
  --soft-velvet-drape-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-velvet-drape": {
        1: "#6A5ACD",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

regal purple color schemessoft purple UIluxurious purple web designvelvet texture colorselegant branding palette

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#483D8B
·
Color 3#8A2BE2
·
Color 4#BA55D3
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.1:1Fail
1.3:1Fail
2.6:1Fail
2
1.7:1Fail
1.5:1Fail
2.3:1Fail
4.4:1AA18
3
1.1:1Fail
1.5:1Fail
1.5:1Fail
2.9:1Fail
4
1.3:1Fail
2.3:1Fail
1.5:1Fail
1.9:1Fail
5
2.6:1Fail
4.4:1AA18
2.9:1Fail
1.9:1Fail

Similar palettes

More like Soft Velvet Drape

View all dark
Midnight Velour Drapes
Opulent Stage Drape
Plum Velvet Luxe
Plush Night Drapes
Rich Velvet Drape
Soft Velvet Drape