Back to palettes

Palette

Velvet Theater Grandeur

Opulent purples and deep, dramatic hues, like the plush drapery of a grand old theater.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Theater Grandeur 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 Velvet Theater Grandeur.

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

Data visualization

#2C0D30#4B1A53#7A2E80#AD59B5#3D1342

Palette guide

How to use Velvet Theater Grandeur

Overview

The Velvet Theater Grandeur palette, with its opulent purples and deep, dramatic hues, captures the essence of plush drapery in a grand old theater. Featuring rich tones like #2C0D30 and #3D1342, alongside the vibrant #AD59B5 and the sophisticated #7A2E80, this collection is ideal for designers seeking a luxurious and regal aesthetic. The muted #4B1A53 adds a touch of subtle depth. Developers can implement these colors to create immersive digital experiences for luxury brands, high-end events, or creative projects that demand an air of refined elegance. This palette excels in conveying sophistication and a timeless, dramatic mood across various platforms, from web applications to print media.

Best used for

  • luxury brand identity
  • high-end event websites
  • regal fashion editorials
  • sophisticated user interfaces
  • art gallery digital presence
  • exclusive membership platforms

Suggested color roles

primary

#2C0D30: A deep, mysterious purple, perfect for strong foundational elements, large backgrounds, or primary brand colors.

secondary

#7A2E80: A rich, vibrant purple that provides depth and elegance, suitable for subheadings, interactive elements, or featured content.

accent

#AD59B5: A brighter, captivating purple ideal for calls-to-action, highlights, or decorative elements that need to stand out.

background

#3D1342: Offers a slightly warmer, profound backdrop, creating an immersive and luxurious environment.

text

#AD59B5: Provides excellent readability against the darker purples, or use a near-white for maximum contrast.

Accessibility notes

  • Ensure #AD59B5 text has sufficient contrast against #2C0D30 or #3D1342 backgrounds for optimal readability.
  • Avoid placing #4B1A53 text on #3D1342 as the contrast may be too low for many users.
  • For smaller text, consider using a lighter color like #AD59B5 on the darkest backgrounds.
  • Interactive elements should have clear visual feedback to indicate their state, especially when using similar purple shades.

Recommended combinations

Royal Depth

Combines a deep base with a bright accent and a rich secondary for striking, luxurious interfaces.

#2C0D30 · #AD59B5 · #7A2E80

Subtle Elegance

Creates a harmonious and sophisticated look, great for layered backgrounds or subtle graphical elements.

#3D1342 · #4B1A53 · #AD59B5

Vibrant Contrast

Uses the vibrant purple as a strong primary, grounded by the darkest tone, and highlighted by the brightest.

#7A2E80 · #2C0D30 · #AD59B5

CSS variables

:root {
  --velvet-theater-grandeur-1: #2C0D30;
  --velvet-theater-grandeur-2: #4B1A53;
  --velvet-theater-grandeur-3: #7A2E80;
  --velvet-theater-grandeur-4: #AD59B5;
  --velvet-theater-grandeur-5: #3D1342;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-grandeur": {
        1: "#2C0D30",
        2: "#4B1A53",
        3: "#7A2E80",
        4: "#AD59B5",
        5: "#3D1342",
      }
    }
  }
}

Related searches

luxurious purple color paletteroyal theater colorsdeep violet brandingelegant UI purple schemedramatic web design purple

Palette colors

Hex values

Color 1#2C0D30
·
Color 2#4B1A53
·
Color 3#7A2E80
·
Color 4#AD59B5
·
Color 5#3D1342
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
4:1AA18
1.1:1Fail
2
1.3:1Fail
1.6:1Fail
3.1:1AA18
1.1:1Fail
3
2.1:1Fail
1.6:1Fail
1.9:1Fail
1.8:1Fail
4
4:1AA18
3.1:1AA18
1.9:1Fail
3.6:1AA18
5
1.1:1Fail
1.1:1Fail
1.8:1Fail
3.6:1AA18

Similar palettes

More like Velvet Theater Grandeur

View all dark
Gemstone Radiance Aura
Opulent Jewel Casket
Plum Velvet Luxe
Regal Plum Brocade
Blackberry Bramble Luxe
Brocade Loom