Palette

Symphony Hall Velvet

A lavish and dramatic palette inspired by the rich velvets and gold accents of a grand symphony hall.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Symphony Hall Velvet 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 Symphony Hall Velvet.

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

Data visualization

#800020#B8860B#0A0A0A#FDF5E6#69503B

Palette guide

How to use Symphony Hall Velvet

Overview

The Symphony Hall Velvet palette is a lavish and dramatic collection inspired by the rich velvets and gold accents of a grand concert hall. Featuring a deep burgundy #800020, a radiant gold #B8860B, a sophisticated near-black #0A0A0A, a soft cream #FDF5E6, and a warm brown #69503B, this palette is genuinely useful for designers and developers seeking an elegant, luxurious, and classic aesthetic. These colors are excellent for high-end branding, formal event invitations, or sophisticated digital interfaces. It's a versatile mix that promises to evoke a sense of grandeur, timeless sophistication, and refined opulence in any creative project, making it ideal for premium experiences.

Best used for

Luxury brand identity and packaging
Formal event invitations and decor
High-end fashion and jewelry websites
Theatrical and opera production marketing
Classic interior design and decor concepts
Premium digital product interfaces

Suggested color roles

primary

Utilize #800020 as a dominant, rich primary color for headlines, main content areas, or brand logos, conveying luxury and depth.

secondary

Employ #B8860B for accents, highlights, or important details, adding a touch of opulence and drawing the eye with its radiant glow.

accent

Introduce #69503B as a warm, grounding accent for borders, subtle textures, or complementary elements, enhancing the richness.

background

The near-black #0A0A0A provides a dramatic, sophisticated background, allowing the other luxurious colors to truly shine.

text

Pair with #FDF5E6 for optimal readability on dark backgrounds, or use a deep charcoal on lighter areas to maintain an elegant contrast.

Accessibility notes

Ensure high contrast when using #FDF5E6 text on #0A0A0A or #800020 backgrounds to meet WCAG AA standards.
Be mindful of #B8860B (gold) for text; ensure sufficient contrast, especially against mid-tone backgrounds, for readability.
Avoid placing light text on #69503B without careful contrast checking, as it might reduce legibility.
Interactive elements should have clear visual states to ensure usability, especially with rich, dark colors.

Recommended combinations

Regal Contrast

Excellent for creating a dramatic and elegant foundation, ideal for hero sections, strong branding, or sophisticated content blocks.

#0A0A0A · #800020 · #FDF5E6

Golden Glow

Perfect for highlighting premium features, call-to-action buttons, or decorative elements that need to convey luxury.

#800020 · #B8860B · #FDF5E6

Velvet Depths

Use for sophisticated layering, such as subtle background patterns, elegant borders, or to add textural richness to designs.

#0A0A0A · #69503B · #B8860B

CSS variables

:root {
  --symphony-hall-velvet-1: #800020;
  --symphony-hall-velvet-2: #B8860B;
  --symphony-hall-velvet-3: #0A0A0A;
  --symphony-hall-velvet-4: #FDF5E6;
  --symphony-hall-velvet-5: #69503B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "symphony-hall-velvet": {
        1: "#800020",
        2: "#B8860B",
        3: "#0A0A0A",
        4: "#FDF5E6",
        5: "#69503B",
      }
    }
  }
}

Hex values

Color 1#800020

Color 2#B8860B

Color 3#0A0A0A

Color 4#FDF5E6

Color 5#69503B

Accessibility

Contrast checker

3.3:1AA18

1.8:1Fail

10:1AAA

1.5:1Fail

3.3:1AA18

6.1:1AA

3:1AA18

2.3:1Fail

1.8:1Fail

6.1:1AA

18.3:1AAA

2.7:1Fail