Back to palettes

Palette

Opulent Stage Drape

Deep purples unfold like plush stage drapes, hinting at mystery and grandeur.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Opulent Stage 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 Opulent Stage Drape.

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

Data visualization

#1a0a2e#3a1f59#6e3f8c#a26bbf#d698e5

Palette guide

How to use Opulent Stage Drape

Overview

The Opulent Stage Drape palette unfolds a luxurious gradient of deep purples, evoking plush velvet and a hint of mystery and grandeur. Ranging from the profound #1a0a2e to the rich #3a1f59 and #6e3f8c, it lightens to the elegant #a26bbf and the delicate #d698e5. This collection is an exceptional choice for designers and developers aiming to convey sophistication, theatrical elegance, and a sense of luxurious depth. It's ideal for high-end branding, dramatic editorial content, or UI designs that benefit from a warm, opulent, and distinctly regal presence. The harmonious progression of these purples offers versatility for creating depth, highlights, and a consistently refined aesthetic across various digital and print mediums.

Best used for

  • Luxury event branding and websites
  • High-end fashion photography backgrounds
  • Theatrical production marketing materials
  • Elegant digital art and illustrations
  • Sophisticated user interface themes
  • Velvet-inspired textile designs

Suggested color roles

primary

Designate #1a0a2e (Very Dark Purple) as the primary, providing a profound, stable base for large backgrounds or foundational branding elements.

secondary

Utilize #3a1f59 (Dark Violet) for secondary sections, navigation, or significant data displays, offering a rich, complementary depth.

accent

Apply #d698e5 (Light Orchid) as a vibrant, luminous accent, perfect for calls-to-action, interactive elements, or delicate highlights that catch the eye.

background

Employ #1a0a2e for a deep, immersive background that enhances the luxurious feel, or #3a1f59 for a slightly less intense dark backdrop.

text

For dark backgrounds, a crisp white or light gray provides excellent readability. On lighter elements, #1a0a2e offers strong, elegant contrast.

Accessibility notes

  • Ensure sufficient contrast when using #d698e5 text on #a26bbf backgrounds, as both are light tones.
  • Darker purples like #1a0a2e and #3a1f59 require light-colored text (e.g., white or a pale purple) for optimal readability.
  • Avoid pairing #6e3f8c text on #a26bbf backgrounds due to potential low contrast.
  • Consider larger font sizes or bolding for text in mid-range colors to improve visibility.

Recommended combinations

Deep Velvet

Ideal for a dramatic hero section, combining the deepest purple with a rich mid-tone and a soft, luminous highlight.

#1A0A2E · #6E3F8C · #D698E5

Elegant Transition

Excellent for creating a subtle gradient or distinct sections, moving from a rich violet to a lighter one, grounded by the darkest shade.

#3A1F59 · #A26BBF · #1A0A2E

Luminous Accent

Suitable for delicate decorative elements or interactive buttons, using the lightest shade as primary, contrasted with deeper purples.

#D698E5 · #6E3F8C · #3A1F59

CSS variables

:root {
  --opulent-stage-drape-1: #1a0a2e;
  --opulent-stage-drape-2: #3a1f59;
  --opulent-stage-drape-3: #6e3f8c;
  --opulent-stage-drape-4: #a26bbf;
  --opulent-stage-drape-5: #d698e5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "opulent-stage-drape": {
        1: "#1a0a2e",
        2: "#3a1f59",
        3: "#6e3f8c",
        4: "#a26bbf",
        5: "#d698e5",
      }
    }
  }
}

Related searches

velvet purple color paletteluxury violet schemedark elegant purplestheatrical design colorsrich grape hues

Palette colors

Hex values

Color 1#1a0a2e
·
Color 2#3a1f59
·
Color 3#6e3f8c
·
Color 4#a26bbf
·
Color 5#d698e5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
4.8:1AA
8.4:1AAA
2
1.3:1Fail
1.8:1Fail
3.5:1AA18
6.2:1AA
3
2.4:1Fail
1.8:1Fail
2:1Fail
3.4:1AA18
4
4.8:1AA
3.5:1AA18
2:1Fail
1.8:1Fail
5
8.4:1AAA
6.2:1AA
3.4:1AA18
1.8:1Fail

Similar palettes

More like Opulent Stage Drape

View all dark