Back to palettes

Palette

Velvet Midnight Lounge

Plush, deep purples and blacks that conjure the sophisticated, dim ambiance of a velvet-clad lounge at midnight.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Midnight Lounge 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 Midnight Lounge.

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

Data visualization

#290038#4A005D#6E0080#1B0027#0F0015

Palette guide

How to use Velvet Midnight Lounge

Overview

The Velvet Midnight Lounge palette evokes the sophisticated, dim ambiance of a velvet-clad lounge at midnight with its plush, deep purples and near-blacks. Featuring the profound #1B0027 and #0F0015 as anchoring darks, it transitions into the rich #290038, #4A005D, and #6E0080, which are vibrant yet subdued purples. This palette is a designer's dream for creating luxurious, mysterious, and elegant interfaces. Developers will appreciate its consistency for dark themes, ensuring visual depth and a premium feel across applications, perfect for high-end digital experiences.

Best used for

  • Luxury entertainment platforms
  • High-end event websites
  • Nightclub or bar branding
  • Sophisticated dark mode UI
  • Art and luxury product showcases
  • Exclusive membership portals

Suggested color roles

primary

Use #0F0015, the deepest, almost black-purple, for main backgrounds, footers, or large structural elements, creating profound depth.

secondary

Apply #1B0027, a slightly lighter dark purple, excellent for navigation, secondary panels, or card backgrounds.

accent

Employ #6E0080, a vibrant, pure purple, perfect for calls-to-action, interactive elements, or striking visual highlights.

background

Utilize #290038, a dark purple, suitable for content areas, offering a rich and atmospheric canvas.

text

Consider #4A005D, a slightly lighter purple, good for secondary text or captions on darker backgrounds. For primary text, use white or light gray.

Accessibility notes

  • For text on #0F0015, #1B0027, #290038, and #4A005D, always use white or a very light gray for optimal readability.
  • #6E0080, while vibrant, still requires careful contrast checks when used for text, especially against other dark purples.
  • Avoid using lighter purples for small text on mid-tone purple backgrounds to prevent readability issues.
  • Ensure all interactive elements meet WCAG AA contrast requirements against their backgrounds for accessibility.

Recommended combinations

Midnight Plush

Deepest darks with a vibrant purple accent, for dramatic and luxurious statements in high-impact areas.

#0F0015 · #1B0027 · #6E0080

Lounge Glow

A rich purple base with a brighter accent, ideal for content areas that need to feel opulent and engaging.

#290038 · #4A005D · #6E0080

Deep Echo

A very dark background with a striking accent and a softer purple for supporting text or elements, creating depth.

#1B0027 · #6E0080 · #4A005D

CSS variables

:root {
  --velvet-midnight-lounge-1: #290038;
  --velvet-midnight-lounge-2: #4A005D;
  --velvet-midnight-lounge-3: #6E0080;
  --velvet-midnight-lounge-4: #1B0027;
  --velvet-midnight-lounge-5: #0F0015;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-midnight-lounge": {
        1: "#290038",
        2: "#4A005D",
        3: "#6E0080",
        4: "#1B0027",
        5: "#0F0015",
      }
    }
  }
}

Related searches

dark purple color schemeluxury night palettevelvet ui colorselegant dark purplemidnight lounge design

Palette colors

Hex values

Color 1#290038
·
Color 2#4A005D
·
Color 3#6E0080
·
Color 4#1B0027
·
Color 5#0F0015
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail
2
1.3:1Fail
1.4:1Fail
1.3:1Fail
1.4:1Fail
3
1.7:1Fail
1.4:1Fail
1.8:1Fail
1.9:1Fail
4
1.1:1Fail
1.3:1Fail
1.8:1Fail
1:1Fail
5
1.1:1Fail
1.4:1Fail
1.9:1Fail
1:1Fail

Similar palettes

More like Velvet Midnight Lounge

View all Dark
Baroque Night Grandeur
Deep Space Orchid
Imperial Gemstone Array
Midnight Velvet Aura
Starlight Masquerade Ball
Amethyst Star Cluster