Back to palettes

Palette

Regal Velvet Night

A sophisticated and dramatic palette with rich, deep tones inspired by luxurious velvet under moonlight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Velvet Night 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 Regal Velvet Night.

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

Data visualization

#191970#483D8B#8A2BE2#C71585#778899

Palette guide

How to use Regal Velvet Night

Overview

The Regal Velvet Night palette offers a sophisticated and dramatic array of rich, deep tones, inspired by luxurious velvet under the soft glow of moonlight. Anchored by the profound #191970 (midnight blue) and the mystical #483D8B (dark slate blue), this palette introduces vibrant accents like #8A2BE2 (blue violet) and #C71585 (fuchsia). A cool, muted #778899 (light slate grey) provides a versatile neutral. This elegant selection allows designers and developers to craft experiences that are both mysterious and opulent, ideal for high-end or artistic digital and print projects.

Best used for

  • Luxury brand identity and corporate websites
  • Evening wear fashion design and catalogs
  • High-end event decor and marketing materials
  • Mystical or fantasy-themed game interfaces
  • Sophisticated website themes and digital interfaces
  • Artistic photography backdrops and portfolios

Suggested color roles

primary

Use #191970 (midnight blue) as the grounding base for major sections or backgrounds, providing a strong, elegant foundation.

secondary

Employ #483D8B (dark slate blue) for supporting elements, navigation, or sub-sections, adding depth and a subtle transition.

accent

Apply #C71585 (fuchsia) for dramatic highlights, call-to-action buttons, or interactive elements, creating a captivating focal point.

background

Utilize #191970 or #483D8B for an immersive, dark background. #778899 can serve as a lighter, sophisticated background for specific content blocks.

text

For optimal readability on dark backgrounds, use #8A2BE2 or #C71585 for headings. For body text, a light grey or crisp white is recommended against the deeper hues.

Accessibility notes

  • The muted grey #778899 should be used with caution for text on darker blues like #191970; ensure sufficient contrast.
  • Ensure strong contrast when pairing #8A2BE2 or #C71585 with very dark blues for critical information.
  • For legibility, use white or a very light grey for body text on the primary dark colors such as #191970.
  • Avoid low contrast pairings, such as #483D8B text on #191970, which can be difficult to read.

Recommended combinations

Night Drama

Creates a bold and contrasting look, ideal for dramatic hero banners, impactful headlines, or eye-catching UI elements.

#191970 · #C71585 · #778899

Velvet Glow

Perfect for conveying depth and a shimmering effect, suitable for gradients, subtle illustrations, or elegant background textures.

#483D8B · #8A2BE2 · #191970

Subtle Mystique

Offers a calm and sophisticated blend, excellent for understated UI elements, secondary information, or a refined monochromatic feel.

#191970 · #483D8B · #778899

CSS variables

:root {
  --regal-velvet-night-1: #191970;
  --regal-velvet-night-2: #483D8B;
  --regal-velvet-night-3: #8A2BE2;
  --regal-velvet-night-4: #C71585;
  --regal-velvet-night-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-velvet-night": {
        1: "#191970",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#C71585",
        5: "#778899",
      }
    }
  }
}

Related searches

deep blue purple palettedramatic velvet colorssophisticated night thememystical color schemeluxury dark palette

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#8A2BE2
·
Color 4#C71585
·
Color 5#778899
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
2.7:1Fail
4.1:1AA18
2
1.6:1Fail
1.5:1Fail
1.7:1Fail
2.5:1Fail
3
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.6:1Fail
4
2.7:1Fail
1.7:1Fail
1.1:1Fail
1.5:1Fail
5
4.1:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail

Similar palettes

More like Regal Velvet Night

View all dark
Midnight Plum Velvet
Art Deco Gemstone
Baroque Opera Rich
Baroque Theater Velvet
Celestial Starry Veil
Deep Theatre Velvet