Back to palettes

Palette

Royal Velvet Drape

Sumptuous purples and deep lavenders reminiscent of luxurious royal velvet fabric.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4D2B5D#6C4A7A#8F6D9A#B69DC0#D9CDE8

Palette guide

How to use Royal Velvet Drape

Overview

The Royal Velvet Drape palette offers a sophisticated gradient of purples, evoking the serene and luxurious feel of draped velvet. It ranges from a deep, muted aubergine #4D2B5D, through a mid-tone lavender #6C4A7A and a soft violet #8F6D9A, culminating in lighter, ethereal hues of #B69DC0 and #D9CDE8. This palette is ideal for creating designs that are elegant, contemplative, and refined. Designers can leverage its gentle progression for soothing interfaces, while developers can implement these hex codes to build experiences that feel both rich and subtly inviting.

Best used for

  • Spa and wellness branding
  • High-end interior design visualization
  • Bridal and formal wear websites
  • Luxury stationery and invitations
  • Meditative app interfaces
  • Art and gallery branding

Suggested color roles

primary

#4D2B5D - A deep, grounding aubergine perfect for main navigation, footers, or large background sections.

secondary

#6C4A7A - Use this mid-tone lavender for supporting elements, sub-headers, or call-to-action buttons.

accent

#8F6D9A - A softer violet that can be used for subtle highlights, decorative patterns, or secondary graphical elements.

background

#D9CDE8 - A very light, almost off-white lavender, ideal for main content areas, card backgrounds, or a gentle page backdrop.

text

#B69DC0 - Can be used for decorative headings on very light backgrounds. For body text on #D9CDE8, a dark charcoal or #4D2B5D provides best readability.

Accessibility notes

  • Ensure sufficient contrast for text using #B69DC0 on #D9CDE8; it will likely require large, bold fonts.
  • #4D2B5D offers strong contrast for light text (e.g., white or #D9CDE8), making it suitable for primary text on dark elements.
  • Avoid using #8F6D9A for small body text on #D9CDE8 as contrast may be insufficient.
  • When placing #6C4A7A text on #D9CDE8, verify WCAG AA compliance for readability.

Recommended combinations

Velvet Depth

Deep aubergine as a base, light lavender for content, and mid-tone lavender for secondary elements.

#4D2B5D · #D9CDE8 · #6C4A7A

Soft Gradient

Create a subtle gradient for backgrounds, with #6C4A7A as the darkest and #D9CDE8 as the lightest.

#6C4A7A · #8F6D9A · #D9CDE8

Elegant Text

Light background with deep aubergine text and a lighter purple for decorative highlights.

#D9CDE8 · #4D2B5D · #B69DC0

CSS variables

:root {
  --royal-velvet-drape-1: #4D2B5D;
  --royal-velvet-drape-2: #6C4A7A;
  --royal-velvet-drape-3: #8F6D9A;
  --royal-velvet-drape-4: #B69DC0;
  --royal-velvet-drape-5: #D9CDE8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-velvet-drape": {
        1: "#4D2B5D",
        2: "#6C4A7A",
        3: "#8F6D9A",
        4: "#B69DC0",
        5: "#D9CDE8",
      }
    }
  }
}

Related searches

purple luxury paletteelegant lavender colorsvelvet aesthetic designsoft regal palettesophisticated purple gradient

Palette colors

Hex values

Color 1#4D2B5D
·
Color 2#6C4A7A
·
Color 3#8F6D9A
·
Color 4#B69DC0
·
Color 5#D9CDE8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.7:1AA
7.6:1AAA
2
1.6:1Fail
1.7:1Fail
3:1Fail
4.8:1AA
3
2.7:1Fail
1.7:1Fail
1.8:1Fail
2.9:1Fail
4
4.7:1AA
3:1Fail
1.8:1Fail
1.6:1Fail
5
7.6:1AAA
4.8:1AA
2.9:1Fail
1.6:1Fail

Similar palettes

More like Royal Velvet Drape

View all dark