Back to palettes

Palette

Sultry Jazz

Rich, moody tones evoking the sophisticated ambiance and timeless allure of a vintage jazz club.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#8B8878#7F7F68#2F4F4F#B8860B

Palette guide

How to use Sultry Jazz

Overview

The "Sultry Jazz" palette is a sophisticated blend of deep, moody tones, perfect for designs aiming for a vintage, luxurious, and intimate ambiance. Featuring a rich #8B0000 (Dark Red) alongside the enigmatic #2F4F4F (Dark Slate Gray) and a warm, inviting #B8860B (Dark Goldenrod), this collection evokes the timeless allure of a classic jazz club. Designers can leverage its depth for upscale branding, editorial layouts, or digital interfaces that require a touch of old-world charm. The muted #8B8878 (Dark Khaki) and #7F7F68 (Olive Drab) complete the ensemble, offering subtle complexity and a grounded feel. This palette is ideal for creating designs that exude elegance and a sense of refined nostalgia.

Best used for

  • Luxury branding and packaging
  • Restaurant or bar interior design concepts
  • High-end event invitations and decor
  • Vintage-themed website or app interfaces
  • Editorial design for fashion or culture magazines
  • Film or theatre production aesthetics

Suggested color roles

primary

#8B0000 (Dark Red): A deep, passionate red, excellent for focal points, CTA buttons, or powerful headings that command attention.

secondary

#2F4F4F (Dark Slate Gray): Provides a sophisticated, grounding counterpoint, ideal for backgrounds, main content areas, or sturdy navigation elements.

accent

#B8860B (Dark Goldenrod): A metallic, warm accent that adds a touch of opulence and visual interest, perfect for highlights, icons, or decorative elements.

background

#7F7F68 (Olive Drab): A muted, earthy background color that offers a subtle vintage texture without overpowering the primary and accent colors.

text

#8B8878 (Dark Khaki): A lighter, muted tone suitable for secondary text or captions on darker backgrounds, ensuring readability. For primary text on lighter areas, use a dark charcoal or black.

Accessibility notes

  • Ensure sufficient contrast when using #8B8878 or #7F7F68 for text on darker backgrounds; WCAG AA compliance may require adjustment.
  • Use #B8860B sparingly as an accent; its relatively low contrast against other dark tones makes it less ideal for extensive body text.
  • Pair #8B0000 with a very light text color (e.g., white or near-white) for optimal readability.
  • Consider larger font sizes or bolding for critical information when using mid-tone colors like #8B8878 for text.

Recommended combinations

Vintage Glam

For high-impact headlines and luxurious graphic elements, evoking a classic, opulent feel.

#8B0000 · #B8860B · #2F4F4F

Moody Backdrop

Creates a deep, atmospheric background with subtle tonal shifts, ideal for sophisticated interfaces or product showcases.

#2F4F4F · #7F7F68 · #8B8878

Refined Contrast

Balances a rich primary color with a muted secondary and a bright accent, perfect for elegant branding or call-to-action designs.

#8B0000 · #8B8878 · #B8860B

CSS variables

:root {
  --sultry-jazz-1: #8B0000;
  --sultry-jazz-2: #8B8878;
  --sultry-jazz-3: #7F7F68;
  --sultry-jazz-4: #2F4F4F;
  --sultry-jazz-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sultry-jazz": {
        1: "#8B0000",
        2: "#8B8878",
        3: "#7F7F68",
        4: "#2F4F4F",
        5: "#B8860B",
      }
    }
  }
}

Related searches

jazz club color palettevintage dark aestheticmoody retro design colorssophisticated gold redluxurious deep tones

Palette colors

Hex values

Color 1#8B0000
·
Color 2#8B8878
·
Color 3#7F7F68
·
Color 4#2F4F4F
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2.4:1Fail
1.1:1Fail
3.1:1AA18
2
2.8:1Fail
1.1:1Fail
2.5:1Fail
1.1:1Fail
3
2.4:1Fail
1.1:1Fail
2.2:1Fail
1.3:1Fail
4
1.1:1Fail
2.5:1Fail
2.2:1Fail
2.7:1Fail
5
3.1:1AA18
1.1:1Fail
1.3:1Fail
2.7:1Fail

Similar palettes

More like Sultry Jazz

View all dark
Speakeasy Lounge Vibe
Film Noir Echo
Industrial Steampunk Grit
Steampunk Inventor's Workshop
Aged Scotch Library
Clockwork Brass Patina