Back to palettes

Palette

Smoky Jazz Club

Evokes the mysterious and soulful atmosphere of a late-night jazz club, low lights and smooth tones.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#4F627F#7D4C69#B8860B#1E1E1E

Palette guide

How to use Smoky Jazz Club

Overview

The Smoky Jazz Club palette evokes a mysterious, soulful atmosphere with its rich, dark tones and a striking accent. Anchored by the profound #1E1E1E (Very Dark Gray) and #36454F (Charcoal Gray), it introduces intriguing hues like #4F627F (Steel Blue) and #7D4C69 (Muted Plum). The vibrant #B8860B (Goldenrod) acts as a luxurious highlight, reminiscent of brass instruments under dim lights. This collection provides designers and developers with a sophisticated, vintage-inspired scheme perfect for crafting elegant digital experiences or branding that demands attention and conveys a sense of depth and artistry.

Best used for

  • High-end restaurant or bar branding
  • Event promotion for music or cultural festivals
  • Luxury brand websites and digital campaigns
  • Editorial design for arts and entertainment
  • Theatrical or film production design inspiration
  • Dark-themed mobile applications with a rich feel

Suggested color roles

primary

#1E1E1E serves as the ultimate deep, immersive base, perfect for main backgrounds or containers.

secondary

#36454F offers a slightly softer dark, excellent for adding depth to sections without losing the overall dark theme.

accent

#B8860B provides a vibrant, luxurious pop, ideal for calls-to-action, key navigation, or impactful highlights.

background

Use #1E1E1E for a truly dark, elegant canvas that makes other colors, especially the accent, truly stand out.

text

#4F627F can be used for secondary text or captions. For primary body text and headings on dark backgrounds, a crisp white or near-white is recommended.

Accessibility notes

  • While #B8860B on #1E1E1E offers good contrast for headings, verify readability for smaller body text.
  • #7D4C69 (Muted Plum) might have insufficient contrast on #36454F or #4F627F; use for larger graphical elements.
  • Always use a very light color (e.g., white) for critical text on the darkest backgrounds like #1E1E1E or #36454F.
  • Ensure interactive elements using #7D4C69 are clearly distinguishable and pass contrast requirements, if text is involved.

Recommended combinations

Deep & Rich

Creates a profound, multi-layered dark aesthetic, perfect for immersive user interfaces or sophisticated content blocks.

#1E1E1E · #36454F · #4F627F

Jazz Accent

Combines a dark base with a vibrant golden pop and a subtle plum undertone, ideal for highlighting key features.

#36454F · #B8860B · #7D4C69

Elegant Contrast

Offers a striking visual hierarchy, using a deep background with a cool blue and a warm, luxurious accent for impact.

#1E1E1E · #4F627F · #B8860B

CSS variables

:root {
  --smoky-jazz-club-2-1: #36454F;
  --smoky-jazz-club-2-2: #4F627F;
  --smoky-jazz-club-2-3: #7D4C69;
  --smoky-jazz-club-2-4: #B8860B;
  --smoky-jazz-club-2-5: #1E1E1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-jazz-club-2": {
        1: "#36454F",
        2: "#4F627F",
        3: "#7D4C69",
        4: "#B8860B",
        5: "#1E1E1E",
      }
    }
  }
}

Related searches

dark elegant palettevintage jazz colorssophisticated night themeluxury brand palettemoody UI design

Palette colors

Hex values

Color 1#36454F
·
Color 2#4F627F
·
Color 3#7D4C69
·
Color 4#B8860B
·
Color 5#1E1E1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
3:1AA18
1.7:1Fail
2
1.6:1Fail
1.1:1Fail
1.9:1Fail
2.7:1Fail
3
1.5:1Fail
1.1:1Fail
2.1:1Fail
2.5:1Fail
4
3:1AA18
1.9:1Fail
2.1:1Fail
5.1:1AA
5
1.7:1Fail
2.7:1Fail
2.5:1Fail
5.1:1AA

Similar palettes

More like Smoky Jazz Club

View all dark