Palette

Deep Velvet Curtain

A dramatic and opulent selection, reminiscent of heavy velvet theater curtains in profound, deep hues.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Velvet Curtain 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 Deep Velvet Curtain.

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

Data visualization

#800000#4B0082#191970#6A0000#36454F

Palette guide

How to use Deep Velvet Curtain

Overview

The Deep Velvet Curtain palette is a dramatic and opulent collection, reminiscent of heavy, luxurious theater curtains. It features profound, rich hues like the deep maroon #800000 and #6A0000, juxtaposed with the majestic indigo #4B0082 and the deep blue #191970. The sophisticated charcoal #36454F grounds the palette, adding a touch of classic elegance. Designers can leverage this palette for projects demanding a sense of luxury, drama, and timeless refinement. Developers will find these colors powerful for creating high-end branding, theatrical event promotions, or sophisticated UI themes that exude an air of grandeur and mystique.

Best used for

Luxury event branding or invitations
High-end fashion or jewelry websites
Theater or performing arts promotions
Elegant interior design concepts
Art gallery or museum digital presence
Sophisticated dark mode interfaces

Suggested color roles

primary

#191970 - A deep, regal blue, perfect for dominant backgrounds or foundational brand elements, conveying sophistication.

secondary

#4B0082 - A rich indigo that pairs beautifully with the primary, ideal for content sections or accent panels.

accent

#800000 - A powerful, luxurious maroon, excellent for calls to action, highlights, or dramatic focal points.

background

#36454F - A deep charcoal that provides a solid, elegant base, particularly useful for text-heavy areas or subtle textures.

text

white - A crisp white or a very light cream is essential for legible text against these profound, dark colors, providing strong contrast.

Accessibility notes

Always use a very light color (e.g., white or #F0F0F0) for text on #800000, #4B0082, #191970, #6A0000, and #36454F to ensure WCAG AA compliance.
Avoid using mid-tone colors from this palette for text, as they will have insufficient contrast against each other.
Ensure interactive elements, especially those using #800000, have clear visual indicators beyond color alone due to the dark nature of the palette.
When layering colors, always double-check contrast ratios, particularly for important information or navigation.

Recommended combinations

Regal Stage

To create a dramatic, luxurious visual hierarchy or for striking header designs.

#191970 · #4B0082 · #800000

Elegant Contrast

Effective for sophisticated dashboards or content blocks, using the deep charcoal as a grounding element.

#36454F · #6A0000 · #191970

Opulent Depth

For creating rich, layered backgrounds or thematic graphic elements in a high-end design.

#4B0082 · #800000 · #36454F

CSS variables

:root {
  --deep-velvet-curtain-1: #800000;
  --deep-velvet-curtain-2: #4B0082;
  --deep-velvet-curtain-3: #191970;
  --deep-velvet-curtain-4: #6A0000;
  --deep-velvet-curtain-5: #36454F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-velvet-curtain": {
        1: "#800000",
        2: "#4B0082",
        3: "#191970",
        4: "#6A0000",
        5: "#36454F",
      }
    }
  }
}

Hex values

Color 1#800000

Color 2#4B0082

Color 3#191970

Color 4#6A0000

Color 5#36454F

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.4:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.3:1Fail

Similar palettes

More like Deep Velvet Curtain

Deep Velvet Curtain

See it in context.

Ready when you are.

Built with Deep Velvet Curtain.

How to use Deep Velvet Curtain

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Regal Stage

Elegant Contrast

Opulent Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Deep Velvet Curtain