Palette

Jazz Club Mood

Captures the intimate, smoky ambiance of an old-school jazz club with deep, soulful hues.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A1A#330000#5F0000#8B4513#A9A9A9

Palette guide

How to use Jazz Club Mood

Overview

The Jazz Club Mood palette immerses designers in the rich, intimate ambiance of an old-school jazz club, combining deep, soulful reds and browns with a grounding charcoal and a hint of aged silver. The profound depth of #1A1A1A sets a sophisticated stage, while the warm, inviting tones of #330000, #5F0000, and #8B4513 evoke the glow of dim lights and aged wood. #A9A9A9 provides a subtle, smoky contrast. This palette is perfect for projects requiring a sense of warmth, history, and a touch of vintage luxury, creating an inviting yet sophisticated atmosphere for any design application.

Best used for

Vintage bar or lounge branding
Music album art (jazz, blues, soul)
Restaurant interior design concepts
Themed event invitations (e.g., speakeasy)
Editorial design for classic literature
Web design for artisanal products

Suggested color roles

primary

#1A1A1A - A deep, sophisticated black for backgrounds, strong headers, or foundational elements.

secondary

#5F0000 - A rich, deep red for important headings, call-to-action buttons, or accent panels.

accent

#8B4513 - A warm, inviting brown for highlights, subtle details, or textural elements.

background

#1A1A1A - Provides a dramatic, intimate backdrop that allows the warm reds and browns to stand out.

text

#A9A9A9 - Ideal for body text on dark backgrounds like #1A1A1A or #330000, offering good readability. White also works well.

Accessibility notes

#A9A9A9 provides good contrast for text on #1A1A1A, #330000, and #5F0000.
Be cautious using #8B4513 for body text on #5F0000; larger sizes might be necessary.
Ensure interactive elements are clearly distinguishable, perhaps using #8B4513 for hover states.
Always check color contrast for any text placed on #A9A9A9, especially if using a lighter color.

Recommended combinations

Intimate Glow

Creates a dramatic, warm atmosphere for branding or UI backgrounds.

#1A1A1A · #5F0000 · #A9A9A9

Vintage Warmth

Perfect for conveying an aged, inviting feel in illustrations or decorative elements.

#330000 · #8B4513 · #A9A9A9

Smoky Elegance

A refined combination for sophisticated text and subtle accents.

#1A1A1A · #8B4513 · #A9A9A9

CSS variables

:root {
  --jazz-club-mood-1: #1A1A1A;
  --jazz-club-mood-2: #330000;
  --jazz-club-mood-3: #5F0000;
  --jazz-club-mood-4: #8B4513;
  --jazz-club-mood-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jazz-club-mood": {
        1: "#1A1A1A",
        2: "#330000",
        3: "#5F0000",
        4: "#8B4513",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#330000

Color 3#5F0000

Color 4#8B4513

Color 5#A9A9A9

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

2.5:1Fail

7.4:1AAA

1.1:1Fail

1.3:1Fail

2.6:1Fail

7.8:1AAA

1.2:1Fail

1.3:1Fail

2:1Fail

6:1AA

2.5:1Fail

2.6:1Fail

2:1Fail

3:1AA18

7.4:1AAA

7.8:1AAA

6:1AA

3:1AA18

Similar palettes

More like Jazz Club Mood

View all dark

Black Tea Ceremony

Midnight Jazz Club

Smoked Whiskey Lounge

Art Deco Evening

Art Deco Glamour

Art Deco Sapphire Gleam