Palette

Starlight Masquerade Ball

Deep, mysterious purples blend with soft lilacs, like a lavish masked ball under a starlit sky.

DarkElegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0A33#4C2F6E#9D82B7#E0CCE0#D4A1EC

Palette guide

How to use Starlight Masquerade Ball

Overview

The Starlight Masquerade Ball color palette evokes a sense of deep mystery and opulent elegance, perfect for projects requiring a sophisticated touch. Anchored by the profound #1A0A33 (deepest purple) and complemented by the rich #4C2F6E, this collection offers a luxurious foundation. Lighter tones like #9D82B7 and the ethereal #E0CCE0 provide delicate contrast and highlight opportunities, while #D4A1EC adds a vibrant, regal accent. Designers can leverage this palette to create immersive experiences, ensuring visual depth and a premium feel. Its harmonious blend of dark and light purples makes it versatile for both digital interfaces and print materials, conveying luxury and intrigue without being overly somber.

Best used for

Luxury brand identity and packaging
Elegant event invitations and decor
High-end fashion and beauty product websites
Mystical or fantasy-themed game interfaces
Premium editorial design and publishing
Sophisticated evening wear or jewelry promotions

Suggested color roles

primary

Use #1A0A33 as the dominant color for backgrounds, large headers, or elements requiring a strong, luxurious presence. It provides depth and a sophisticated anchor.

secondary

Employ #4C2F6E for secondary sections, navigation elements, or as a rich border. It complements the primary dark tone while offering subtle differentiation.

accent

Reserve #D4A1EC for interactive elements, calls-to-action, or small decorative details that need to pop with a regal, enchanting glow.

background

Apply #E0CCE0 for clean, readable content areas or as a soft, ethereal background to give space and airiness, especially when paired with darker text.

text

For dark backgrounds, use a light color like white or a very light gray. For light backgrounds, a deep charcoal or pure black ensures maximum readability, especially against #E0CCE0.

Accessibility notes

Ensure sufficient contrast when pairing #1A0A33 or #4C2F6E with text. White or very light gray text is recommended for optimal readability.
Avoid using #9D82B7 directly on #E0CCE0 for small text, as the contrast might be insufficient for WCAG AA compliance.
When using #D4A1EC as an accent, ensure interactive elements have clear focus states that meet contrast guidelines against their background.
For larger text or headlines, #4C2F6E against #E0CCE0 can work, but always verify with a contrast checker for accessibility.

Recommended combinations

Regal Depth

Ideal for a striking hero section: #1A0A33 background, #E0CCE0 for main text, and #D4A1EC for calls-to-action or key highlights.

#1A0A33 · #E0CCE0 · #D4A1EC

Soft Velvet

Perfect for subtle UI elements or secondary content blocks. Use #4C2F6E for headers, #9D82B7 for body text, and #E0CCE0 as a gentle background.

#4C2F6E · #9D82B7 · #E0CCE0

Twilight Mystique

Excellent for creating a dark, immersive theme. #1A0A33 as primary background, #4C2F6E for cards/sections, and #9D82B7 for accents or subheadings.

#1A0A33 · #4C2F6E · #9D82B7

CSS variables

:root {
  --starlight-masquerade-ball-1: #1A0A33;
  --starlight-masquerade-ball-2: #4C2F6E;
  --starlight-masquerade-ball-3: #9D82B7;
  --starlight-masquerade-ball-4: #E0CCE0;
  --starlight-masquerade-ball-5: #D4A1EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starlight-masquerade-ball": {
        1: "#1A0A33",
        2: "#4C2F6E",
        3: "#9D82B7",
        4: "#E0CCE0",
        5: "#D4A1EC",
      }
    }
  }
}

Hex values

Color 1#1A0A33

Color 2#4C2F6E

Color 3#9D82B7

Color 4#E0CCE0

Color 5#D4A1EC

Accessibility

Contrast checker

1.7:1Fail

5.6:1AA

12.2:1AAA

8.9:1AAA

1.7:1Fail

3.3:1AA18

7.2:1AAA

5.2:1AA

5.6:1AA

3.3:1AA18

2.2:1Fail

1.6:1Fail

12.2:1AAA

7.2:1AAA

2.2:1Fail

1.4:1Fail

8.9:1AAA

5.2:1AA

1.6:1Fail

1.4:1Fail

Similar palettes

More like Starlight Masquerade Ball

View all Dark

Velvet Midnight Lounge

Amethyst Star Cluster

Aurora Borealis Dream

Baroque Night Grandeur

Midnight Sky Aura

Midnight Velvet Aura