Back to palettes

Palette

Smoky Jazz Club

Muted, sophisticated grays and dark tones, capturing the intimate ambiance of a jazz club.

darkdark5 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

#4D4A4B#6A6768#8B8889#B0AEAF#2A2829

Palette guide

How to use Smoky Jazz Club

Overview

The Smoky Jazz Club palette presents a collection of muted, sophisticated grays and dark tones, perfectly capturing the intimate ambiance of a jazz club. Ranging from the deep #2A2829 (Very Dark Gray) to the lighter #B0AEAF (Light Gray), with versatile mid-tones like #4D4A4B (Charcoal Gray) and #6A6768 (Dark Gray), this palette is designed for elegance and subtlety. Designers and developers can use these colors to build refined digital experiences, branding materials, or interfaces that convey a sense of understated luxury and quiet sophistication, allowing content to take center stage.

Best used for

  • Minimalist website design for professional services
  • Corporate branding with a refined and serious feel
  • Interior design inspiration for modern, intimate spaces
  • Photography portfolios (to keep focus on images)
  • Professional presentation templates and documents
  • Dark mode interfaces focused on content readability

Suggested color roles

primary

#2A2829 serves as a deep, grounding base, ideal for primary backgrounds or footers.

secondary

#4D4A4B offers a slightly lighter, versatile dark, suitable for secondary panels, cards, or borders.

accent

#B0AEAF provides a subtle highlight, perfect for interactive elements, hover states, or delicate lines.

background

Use #2A2829 for a consistently dark and elegant backdrop, allowing lighter elements to softly emerge.

text

#B0AEAF works well for body text on the darkest backgrounds. For headings, a brighter white or near-white can provide enhanced emphasis.

Accessibility notes

  • The contrast between adjacent grays like #4D4A4B and #6A6768 will be low; avoid using these for text/background combinations.
  • #B0AEAF on #2A2829 generally provides good contrast for most text sizes, but always verify.
  • Ensure interactive elements using lighter grays are clearly distinguishable from their backgrounds, especially for users with visual impairments.
  • For maximum readability, particularly for long-form content, consider using a near-white text on the darkest shades.

Recommended combinations

Deep Gray Scale

Creates a strong, progressive dark aesthetic, ideal for establishing depth in UI elements or background layers.

#2A2829 · #4D4A4B · #6A6768

Subtle Gradients

Offers a soft, seamless transition between tones, perfect for subtle background gradients or layered visual effects.

#4D4A4B · #6A6768 · #8B8889

Light Contrast

Provides clear separation and readability, using a deep background with lighter grays for text and interactive elements.

#2A2829 · #8B8889 · #B0AEAF

CSS variables

:root {
  --smoky-jazz-club-3-1: #4D4A4B;
  --smoky-jazz-club-3-2: #6A6768;
  --smoky-jazz-club-3-3: #8B8889;
  --smoky-jazz-club-3-4: #B0AEAF;
  --smoky-jazz-club-3-5: #2A2829;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-jazz-club-3": {
        1: "#4D4A4B",
        2: "#6A6768",
        3: "#8B8889",
        4: "#B0AEAF",
        5: "#2A2829",
      }
    }
  }
}

Related searches

muted gray palettesophisticated dark greyminimalist jazz clubelegant neutral colorsprofessional gray branding

Palette colors

Hex values

Color 1#4D4A4B
·
Color 2#6A6768
·
Color 3#8B8889
·
Color 4#B0AEAF
·
Color 5#2A2829
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4:1AA18
1.7:1Fail
2
1.6:1Fail
1.6:1Fail
2.5:1Fail
2.6:1Fail
3
2.5:1Fail
1.6:1Fail
1.6:1Fail
4.2:1AA18
4
4:1AA18
2.5:1Fail
1.6:1Fail
6.6:1AA
5
1.7:1Fail
2.6:1Fail
4.2:1AA18
6.6:1AA

Similar palettes

More like Smoky Jazz Club

View all dark
Smoky Jazz Club
Smoky Jazz Evening
Gothic Manor Stone
Smoky Bebop
Smoky Night Jazz
Smoky Tea Lounge