Back to palettes

Palette

Vintage Velvet Nights

Rich, muted tones reminiscent of opulent velvet drapes and moonlit gothic interiors.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Velvet Nights 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 Vintage Velvet Nights.

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

Data visualization

#4F2F4F#7E4F7E#A67CA6#2E2E2E#5E5E5E

Palette guide

How to use Vintage Velvet Nights

Overview

The Vintage Velvet Nights palette evokes a sense of antique opulence and moonlit mystery, blending rich plum tones with sophisticated greys. Featuring deep #4F2F4F alongside the grounding #2E2E2E and the soft luminosity of #A67CA6, this palette is perfectly suited for designs that aim for a dark, elegant, and somewhat gothic aesthetic. It's ideal for creating a luxurious atmosphere that feels both timeless and intriguing, reminiscent of plush velvet drapes in a dimly lit, grand interior. Designers can use these shades to craft immersive digital experiences, high-end branding, or captivating visual narratives that require depth and understated drama.

Best used for

  • Dark mode application interfaces
  • Gothic or antique-themed branding
  • Luxury event and gala invitations
  • Sophisticated art or photography portfolios
  • Film and theatre website designs
  • E-commerce for high-end, bespoke items

Suggested color roles

primary

#2E2E2E - A deep, mysterious base ideal for backgrounds, headers, or foundational elements in dark-themed designs.

secondary

#4F2F4F - A rich, muted plum perfect for supporting panels, sub-sections, or distinct UI components, adding warmth to the dark theme.

accent

#A67CA6 - A soft, elegant highlight for calls-to-action, interactive elements, or delicate decorative details.

background

#2E2E2E - Utilized as a dramatic, enveloping background for a truly dark and luxurious user experience.

text

For optimal readability on #2E2E2E, #4F2F4F, and #5E5E5E, use white or a very light grey. On #A67CA6, a deep charcoal or #2E2E2E provides good contrast.

Accessibility notes

  • Ensure white or light grey text has sufficient contrast against the darker #2E2E2E, #4F2F4F, and #5E5E5E.
  • Be cautious with text contrast when pairing mid-tone plum #7E4F7E with the medium grey #5E5E5E.
  • Critical UI elements should be tested for WCAG AA/AAA compliance, especially those using lighter accents on darker backgrounds.
  • Avoid using small font sizes with colors that have low contrast, particularly with the softer #A67CA6 on similar light backgrounds.

Recommended combinations

Night's Embrace

Perfect for a deep, dramatic dark mode, using the darkest grey as the background, the plum for primary elements, and the lightest plum for accents.

#2E2E2E · #4F2F4F · #A67CA6

Muted Elegance

Ideal for content blocks or cards within a darker layout, where the medium grey provides a subtle contrast, accented by the mid-plum and lightest plum.

#5E5E5E · #7E4F7E · #A67CA6

Velvet Shadows

Effective for creating depth and layering, with the plum as a base, the darkest grey for text or icons, and the mid-plum for highlights or interactive components.

#4F2F4F · #2E2E2E · #7E4F7E

CSS variables

:root {
  --vintage-velvet-nights-1: #4F2F4F;
  --vintage-velvet-nights-2: #7E4F7E;
  --vintage-velvet-nights-3: #A67CA6;
  --vintage-velvet-nights-4: #2E2E2E;
  --vintage-velvet-nights-5: #5E5E5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-velvet-nights": {
        1: "#4F2F4F",
        2: "#7E4F7E",
        3: "#A67CA6",
        4: "#2E2E2E",
        5: "#5E5E5E",
      }
    }
  }
}

Related searches

dark plum grey palettegothic web design colorsantique elegance thememysterious UI palettevelvet night branding

Palette colors

Hex values

Color 1#4F2F4F
·
Color 2#7E4F7E
·
Color 3#A67CA6
·
Color 4#2E2E2E
·
Color 5#5E5E5E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
1.2:1Fail
1.7:1Fail
2
1.8:1Fail
1.8:1Fail
2.1:1Fail
1:1Fail
3
3.3:1AA18
1.8:1Fail
3.9:1AA18
1.9:1Fail
4
1.2:1Fail
2.1:1Fail
3.9:1AA18
2.1:1Fail
5
1.7:1Fail
1:1Fail
1.9:1Fail
2.1:1Fail

Similar palettes

More like Vintage Velvet Nights

View all dark
Art Deco Evening
Baroque Velvet Plum
Gothic Manor Hall
Library Nocturne Study
Mystic Forest Shroud
Obsidian Glimmer Pool