Back to palettes

Palette

Noir Jazz Club

Deep, smoky tones with hints of brass and muted gold create a sophisticated atmosphere, like a classic jazz club.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A1A#333333#5A5A5A#B0A69D#D0BF98

Palette guide

How to use Noir Jazz Club

Overview

The "Noir Jazz Club" palette evokes the sophisticated, smoky ambiance of a vintage speakeasy. Deep, rich grays like #1A1A1A and #333333 form a luxurious, dark foundation, perfect for setting a mysterious and elegant mood. The mid-tone gray #5A5A5A offers a smooth transition, adding depth to the shadowy backdrop. What truly makes this palette special are the warm, muted gold and brass tones: #B0A69D and #D0BF98. These colors suggest aged instruments, dim lighting, and a touch of old-world glamour, providing a sophisticated accent that prevents the palette from feeling stark. This scheme is ideal for designers aiming for a retro, exclusive, or high-end aesthetic with a hint of warm glow.

Best used for

  • Upscale bar or restaurant branding
  • Retro-themed event invitations
  • Luxury product packaging
  • Website design for a jazz musician
  • High-end fashion or lifestyle blogs
  • Dark mode UI for exclusive apps

Suggested color roles

primary

Deep, sophisticated charcoal (#1A1A1A), ideal for dominant backgrounds, setting a luxurious, dark tone.

secondary

Slightly lighter dark gray (#333333), suitable for secondary content blocks, panels, or navigation.

accent

Muted gold (#D0BF98), reserved for key highlights, interactive elements, or luxurious decorative details.

background

#1A1A1A (Establishes the smoky, intimate atmosphere.)

text

For primary text on dark backgrounds, use #D0BF98 or #B0A69D for a warm, legible glow. For secondary text, a very light gray or off-white can work.

Accessibility notes

  • Ensure #D0BF98 and #B0A69D have sufficient contrast when used for text on #1A1A1A or #333333.
  • Avoid placing #5A5A5A text on #333333, as contrast may be too low.
  • White text on #1A1A1A provides excellent readability for main content.
  • Use the lighter gold tones for larger headlines or interactive elements to ensure visibility.

Recommended combinations

Golden Hour

High-contrast pairing for luxurious branding elements and key calls-to-action.

#1A1A1A · #D0BF98 · #B0A69D

Smoky Serenity

Layered grays for subtle depth in content areas, evoking a hazy, intimate feel.

#333333 · #5A5A5A · #1A1A1A

Retro Glow

A deep background with a warm, subtle highlight, perfect for UI elements and navigation.

#1A1A1A · #B0A69D · #5A5A5A

CSS variables

:root {
  --noir-jazz-club-2-1: #1A1A1A;
  --noir-jazz-club-2-2: #333333;
  --noir-jazz-club-2-3: #5A5A5A;
  --noir-jazz-club-2-4: #B0A69D;
  --noir-jazz-club-2-5: #D0BF98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "noir-jazz-club-2": {
        1: "#1A1A1A",
        2: "#333333",
        3: "#5A5A5A",
        4: "#B0A69D",
        5: "#D0BF98",
      }
    }
  }
}

Related searches

jazz club color schemedark gold grey palettesophisticated retro colorsluxury dark themevintage speakeasy aesthetic

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#333333
·
Color 3#5A5A5A
·
Color 4#B0A69D
·
Color 5#D0BF98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
7.3:1AAA
9.6:1AAA
2
1.4:1Fail
1.8:1Fail
5.3:1AA
7:1AA
3
2.5:1Fail
1.8:1Fail
2.9:1Fail
3.8:1AA18
4
7.3:1AAA
5.3:1AA
2.9:1Fail
1.3:1Fail
5
9.6:1AAA
7:1AA
3.8:1AA18
1.3:1Fail

Similar palettes

More like Noir Jazz Club

View all dark
Noir Jazz Club
Industrial Noir Canvas
Midnight Ink Spill
Midnight Ink Spill
Midnight Raven Glare
Noir Alley Nocturne