Back to palettes

Palette

Midnight Jazz Club

The cool, sophisticated hues of a dim, smoky jazz club after midnight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#708090#A9A9A9#1C2B2D#5E6D6E

Palette guide

How to use Midnight Jazz Club

Overview

The Midnight Jazz Club palette captures the cool, sophisticated essence of a dimly lit venue after hours. Dominated by deep, muted tones like the dark blue-green #1C2B2D and the rich Dark Slate Gray #2F4F4F, it evokes a sense of mystery and understated elegance. Subtle lighter grays such as #708090 (Slate Gray) and #A9A9A9 (Dark Gray) provide gentle contrast, reminiscent of smoke-filled air or moonlight filtering through. This palette is ideal for designers and developers aiming to create a moody yet refined atmosphere, perfect for projects requiring a touch of nocturnal charm and classic allure.

Best used for

  • Luxury brand websites and apps
  • Elegant event invitations or branding
  • Sophisticated user interfaces (UI)
  • Film noir or vintage-themed digital content
  • High-end product packaging
  • Restaurant or bar interior design concepts

Suggested color roles

primary

Use #2F4F4F as a dominant content background or for primary structural elements, providing a deep, stable foundation.

secondary

Apply #708090 for secondary content areas, subheadings, or borders to offer a softer complement to the primary darks.

accent

Utilize #A9A9A9 sparingly for subtle highlights, interactive states, or metallic-like accents, adding a touch of understated brilliance.

background

Employ #1C2B2D for immersive, deep backgrounds, setting a truly dark and sophisticated stage for your design.

text

For primary text, #A9A9A9 offers excellent readability on darker backgrounds. For secondary text or subtle details, consider #708090, ensuring sufficient contrast.

Accessibility notes

  • Ensure text using #A9A9A9 has adequate contrast against #1C2B2D and #2F4F4F backgrounds.
  • Avoid using #1C2B2D and #2F4F4F for text and background pairings, as contrast will be insufficient for readability.
  • For interactive elements, maintain a clear visual hierarchy and sufficient contrast for focus states.
  • Consider larger font sizes for text elements that use #708090 on darker backgrounds to improve legibility.

Recommended combinations

Elegant Base

A strong foundation with #1C2B2D as background, #2F4F4F for content panels, and #A9A9A9 for primary text or icons.

#1C2B2D · #2F4F4F · #A9A9A9

Subtle Depth

Layered design using #2F4F4F as main content background, #708090 for dividers, and #5E6D6E for secondary text or subtle UI elements.

#2F4F4F · #708090 · #5E6D6E

Highlight & Read

Use #1C2B2D as a deep background, #A9A9A9 for prominent headings, and #708090 for body text where good contrast is maintained.

#1C2B2D · #A9A9A9 · #708090

CSS variables

:root {
  --midnight-jazz-club-1: #2F4F4F;
  --midnight-jazz-club-2: #708090;
  --midnight-jazz-club-3: #A9A9A9;
  --midnight-jazz-club-4: #1C2B2D;
  --midnight-jazz-club-5: #5E6D6E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-jazz-club": {
        1: "#2F4F4F",
        2: "#708090",
        3: "#A9A9A9",
        4: "#1C2B2D",
        5: "#5E6D6E",
      }
    }
  }
}

Related searches

dark elegant color schemejazz club color palettemoody UI colorssophisticated gray green designluxury branding colors dark

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#708090
·
Color 3#A9A9A9
·
Color 4#1C2B2D
·
Color 5#5E6D6E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.8:1AA18
1.6:1Fail
1.7:1Fail
2
2.2:1Fail
1.7:1Fail
3.6:1AA18
1.3:1Fail
3
3.8:1AA18
1.7:1Fail
6.2:1AA
2.3:1Fail
4
1.6:1Fail
3.6:1AA18
6.2:1AA
2.7:1Fail
5
1.7:1Fail
1.3:1Fail
2.3:1Fail
2.7:1Fail

Similar palettes

More like Midnight Jazz Club

View all dark
Velvet Jazz Club
Cosmic Drama Scene
Crimson Silk Drape
Deep Velvet Night
Gala Night Velvet
Gothic Night Bloom