Palette

Masquerade Ball Elegance

Rich, deep purples and reds accented with opulent gold and stark black, for a touch of dramatic mystery.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Masquerade Ball Elegance 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 Masquerade Ball Elegance.

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

Data visualization

#483D8B#800000#DAA520#DCDCDC#000000

Palette guide

How to use Masquerade Ball Elegance

Overview

The Masquerade Ball Elegance palette is a sophisticated and dramatic collection, perfect for designs that demand luxury, mystery, and a touch of theatrical flair. Featuring a deep, majestic purple #483D8B, a rich, powerful maroon #800000, and an opulent gold #DAA520, this palette is balanced by a subtle, near-white silver #DCDCDC and a stark, classic black #000000. It’s ideal for branding, event invitations, or digital interfaces that aim to convey exclusivity and grandeur. Designers can leverage this scheme to create visually stunning and memorable experiences, evoking a sense of timeless elegance and intrigue.

Best used for

Luxury event invitations & branding
High-end fashion or jewelry websites
Theater or opera promotional materials
Interior design for elegant spaces
Fine dining restaurant branding
Exclusive club or membership design

Suggested color roles

primary

Use the deep purple #483D8B for dominant backgrounds, headers, or large design elements to establish a luxurious and mysterious tone.

secondary

The rich maroon #800000 works well for secondary content, important calls-to-action, or complementary sections, adding depth and passion.

accent

The opulent gold #DAA520 is perfect for highlights, decorative elements, or interactive states, providing a brilliant touch of luxury.

background

The classic black #000000 offers a stark, elegant background, while #DCDCDC can be used for subtle, refined content areas.

text

On dark backgrounds like #000000 or #483D8B, #DCDCDC or #DAA520 ensures excellent readability. For lighter elements, #000000 provides strong contrast.

Accessibility notes

#DAA520 text on #DCDCDC will have very poor contrast; avoid this combination.
#000000 provides excellent contrast on #DCDCDC for all text.
Ensure sufficient contrast for #DAA520 on #483D8B or #800000 for body text.
Use #DCDCDC for text on #483D8B or #800000 for optimal readability.

Recommended combinations

Royal Drama

A powerful and luxurious trio for headlines and high-impact branding.

#000000 · #483D8B · #DAA520

Elegant Contrast

Creates sophisticated visual hierarchy, ideal for content blocks and supporting details.

#800000 · #DCDCDC · #483D8B

Opulent Accents

Perfect for subtle backgrounds with shimmering highlights and sharp, legible text.

#DCDCDC · #DAA520 · #000000

CSS variables

:root {
  --masquerade-ball-elegance-1: #483D8B;
  --masquerade-ball-elegance-2: #800000;
  --masquerade-ball-elegance-3: #DAA520;
  --masquerade-ball-elegance-4: #DCDCDC;
  --masquerade-ball-elegance-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "masquerade-ball-elegance": {
        1: "#483D8B",
        2: "#800000",
        3: "#DAA520",
        4: "#DCDCDC",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#483D8B

Color 2#800000

Color 3#DAA520

Color 4#DCDCDC

Color 5#000000

Accessibility

Contrast checker

1.2:1Fail

4.1:1AA18

6.6:1AA

2.3:1Fail

1.2:1Fail

4.9:1AA

8:1AAA

1.9:1Fail

4.1:1AA18

4.9:1AA

1.6:1Fail

9.4:1AAA

6.6:1AA

8:1AAA

1.6:1Fail

15.3:1AAA

2.3:1Fail

1.9:1Fail

9.4:1AAA

15.3:1AAA

Similar palettes

More like Masquerade Ball Elegance

View all dark

Velvet Theatre Curtains