Back to palettes

Palette

Jazz Club Haze

Smokey greys and deep blues set the scene for a sophisticated, dimly lit jazz club atmosphere.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#4F6272#73818C#9EB1BB#CED8DD

Palette guide

How to use Jazz Club Haze

Overview

The Jazz Club Haze palette masterfully captures the intimate, smoky ambiance of a classic jazz club with its sophisticated gradient of cool grays and muted blues. Ranging from the deep charcoal of #36454F to the soft, ethereal #CED8DD, this palette offers a harmonious flow that is both calming and elegant. Designers can utilize the darker shades for foundational elements and backgrounds, while the lighter tones like #9EB1BB and #CED8DD are perfect for text, subtle accents, or creating a sense of depth and atmosphere. This palette is ideal for projects seeking a refined, understated, and slightly mysterious aesthetic.

Best used for

  • Music venue branding (jazz, blues)
  • Sophisticated corporate websites
  • Editorial design for lifestyle magazines
  • Packaging for premium beverages or cigars
  • UI design for minimalist applications
  • Photography portfolios with a moody aesthetic

Suggested color roles

primary

#36454F - A deep, grounding charcoal for primary backgrounds, headers, or strong structural elements.

secondary

#4F6272 - A versatile mid-tone for subheadings, navigation, or secondary content areas.

accent

#CED8DD - Use sparingly for subtle highlights, interactive elements, or a soft glow effect.

background

#36454F - Excellent for creating a dark, atmospheric backdrop that enhances other colors.

text

#CED8DD - Ideal for highly readable text on darker backgrounds like #36454F or #4F6272. #9EB1BB also works for larger text.

Accessibility notes

  • #CED8DD provides good contrast for text on #36454F and #4F6272.
  • Be cautious using #73818C text on #4F6272; ensure sufficient contrast for readability, especially for body text.
  • For interactive elements, ensure hover/focus states have clear contrast against the normal state.
  • Consider larger font sizes for #9EB1BB text on #73818C to maintain readability.

Recommended combinations

Smoky Depth

Creates a deep, atmospheric background with clear, readable text.

#36454F · #4F6272 · #CED8DD

Subtle Glow

For layered UI elements or illustrations needing a soft, ethereal quality.

#73818C · #9EB1BB · #CED8DD

Urban Elegance

A balanced combination for modern branding with a sophisticated edge.

#36454F · #9EB1BB · #73818C

CSS variables

:root {
  --jazz-club-haze-1: #36454F;
  --jazz-club-haze-2: #4F6272;
  --jazz-club-haze-3: #73818C;
  --jazz-club-haze-4: #9EB1BB;
  --jazz-club-haze-5: #CED8DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jazz-club-haze": {
        1: "#36454F",
        2: "#4F6272",
        3: "#73818C",
        4: "#9EB1BB",
        5: "#CED8DD",
      }
    }
  }
}

Related searches

jazz club color schemesmoky gray blue paletteelegant neutral colorsmoody sophisticated designatmospheric cool tones

Palette colors

Hex values

Color 1#36454F
·
Color 2#4F6272
·
Color 3#73818C
·
Color 4#9EB1BB
·
Color 5#CED8DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.5:1AA18
6.8:1AA
2
1.6:1Fail
1.6:1Fail
2.8:1Fail
4.4:1AA18
3
2.5:1Fail
1.6:1Fail
1.8:1Fail
2.8:1Fail
4
4.5:1AA18
2.8:1Fail
1.8:1Fail
1.5:1Fail
5
6.8:1AA
4.4:1AA18
2.8:1Fail
1.5:1Fail

Similar palettes

More like Jazz Club Haze

View all neutral
Boulevard Grey
Ancient Calligraphy Ink
Ancient Marble Ruins
Ancient Marble Veins
Art Deco Elegance
Boulevard Bistro Tones