Back to palettes

Palette

Velvet Jazz Club

A sophisticated, moody blend of deep grays and rich, smoky rose, perfect for an elegant jazz club.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Jazz Club 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 Jazz Club.

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

Data visualization

#2A2A2E#4A4A50#7A7A82#B3B3BB#5E2A3B

Palette guide

How to use Velvet Jazz Club

Overview

The Velvet Jazz Club palette exudes sophistication and a moody elegance, perfect for capturing a refined atmosphere. It features a range of deep grays, from the almost-black #2A2A2E to the softer #4A4A50 and #7A7A82, providing a rich, neutral foundation. The striking #5E2A3B introduces a smoky rose accent, adding warmth and a touch of vintage charm. #B3B3BB offers a subtle, lighter contrast. This palette is invaluable for designers and developers aiming to create a sophisticated, intimate, and memorable user experience, ideal for projects demanding a luxurious and understated cool.

Best used for

  • High-end hospitality branding (bars, restaurants)
  • Luxury product websites
  • Art and culture event promotions
  • Fashion or jewelry e-commerce
  • Mood-setting app interfaces
  • Photography portfolio websites

Suggested color roles

primary

Use #2A2A2E, a deep charcoal, for main backgrounds, navigation, or large structural elements, setting a sophisticated, moody tone.

secondary

Apply #4A4A50, a dark gray, excellent for secondary panels, card backgrounds, or distinguishing content blocks.

accent

Employ #5E2A3B, a smoky rose, perfect for calls-to-action, interactive elements, or subtle branding accents, adding warmth.

background

Utilize #7A7A82, a mid-tone gray, suitable for content areas, offering a refined and legible backdrop.

text

Consider #B3B3BB, a light gray, good for primary body text on darker backgrounds. For ultimate contrast, use white text.

Accessibility notes

  • Always use white or a very light gray (#B3B3BB) for text on #2A2A2E and #4A4A50 to ensure readability.
  • Ensure #5E2A3B has sufficient contrast against its background, especially for text. It generally pairs well with lighter grays.
  • Avoid using #B3B3BB for small text on #7A7A82 backgrounds; contrast may be insufficient for WCAG AA compliance.
  • Check WCAG AA compliance for all text and interactive elements, particularly for smaller font sizes.

Recommended combinations

Smoky Elegance

Deep, dark base with a subtle accent, perfect for a sophisticated, intimate feel in luxury branding.

#2A2A2E · #4A4A50 · #5E2A3B

Lounge Glow

Lighter gray background with a soft highlight and the smoky rose for key elements, creating a gentle contrast.

#7A7A82 · #B3B3BB · #5E2A3B

Midnight Chord

Balanced dark gray with a warm accent and light text, ideal for content-rich sections with a sophisticated flair.

#4A4A50 · #5E2A3B · #B3B3BB

CSS variables

:root {
  --velvet-jazz-club-1: #2A2A2E;
  --velvet-jazz-club-2: #4A4A50;
  --velvet-jazz-club-3: #7A7A82;
  --velvet-jazz-club-4: #B3B3BB;
  --velvet-jazz-club-5: #5E2A3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-jazz-club": {
        1: "#2A2A2E",
        2: "#4A4A50",
        3: "#7A7A82",
        4: "#B3B3BB",
        5: "#5E2A3B",
      }
    }
  }
}

Related searches

moody gray palettejazz club colorssophisticated dark themesmoky rose color schemeelegant ui gray

Palette colors

Hex values

Color 1#2A2A2E
·
Color 2#4A4A50
·
Color 3#7A7A82
·
Color 4#B3B3BB
·
Color 5#5E2A3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.4:1AA18
6.9:1AA
1.3:1Fail
2
1.6:1Fail
2.1:1Fail
4.2:1AA18
1.3:1Fail
3
3.4:1AA18
2.1:1Fail
2:1Fail
2.6:1Fail
4
6.9:1AA
4.2:1AA18
2:1Fail
5.4:1AA
5
1.3:1Fail
1.3:1Fail
2.6:1Fail
5.4:1AA

Similar palettes

More like Velvet Jazz Club

View all dark