Back to palettes

Palette

Mellow Jazz Club

Smooth and sophisticated tones inspired by the relaxed ambiance of a classic jazz club.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#708090#B0C4DE#E6E6FA#5A6A78

Palette guide

How to use Mellow Jazz Club

Overview

The Mellow Jazz Club palette embodies sophistication and a relaxed, elegant ambiance, drawing inspiration from classic jazz venues. This collection of cool neutrals, including #36454F (Charcoal), #708090 (Slate Gray), and #E6E6FA (Lavender), offers a refined and moody aesthetic. It's ideal for designers and developers seeking to create sleek, professional, and timeless digital experiences or branding. The subtle inclusion of #B0C4DE (Light Steel Blue) and #5A6A78 (Darker Slate Gray) adds depth and a touch of cool serenity, making the palette versatile for both corporate and creative applications requiring a touch of class.

Best used for

  • Elegant corporate branding and websites
  • Luxury product packaging and marketing
  • Sophisticated user interfaces for professional applications
  • Event branding for upscale or evening galas
  • Interior design concepts for modern, minimalist spaces
  • Art and photography portfolios

Suggested color roles

primary

Use #36454F as the dominant dark tone for backgrounds, headers, or strong graphical elements to convey elegance and depth.

secondary

Employ #708090 for secondary sections, navigation, or text, providing a balanced, sophisticated gray.

accent

Apply #B0C4DE as a subtle, cool accent for interactive elements, highlights, or graphical flourishes, adding a touch of calm.

background

Utilize #E6E6FA for light, airy backgrounds, ensuring a clean and expansive feel that allows darker elements to stand out.

text

For primary text, #36454F offers excellent readability on lighter backgrounds; use white or a very light gray on darker tones.

Accessibility notes

  • Ensure high contrast when placing text on #E6E6FA; #36454F or #5A6A78 are good choices for body text.
  • When using #708090 as a background, light text (e.g., white or a very pale gray) will provide better readability.
  • Avoid using #B0C4DE for critical text against light backgrounds due to potentially low contrast.
  • For interactive elements, ensure sufficient contrast for focus states, especially with the lighter shades.

Recommended combinations

Classic Elegance

Ideal for formal branding, website footers, or sophisticated data visualizations where clarity and professionalism are key.

#36454F · #708090 · #B0C4DE

Soft Moonlight

Perfect for airy backgrounds, subtle gradients, or elements that need to convey lightness and serenity.

#E6E6FA · #B0C4DE · #708090

Moody Depth

Great for creating impactful hero sections, dark mode interfaces, or dramatic visual compositions.

#36454F · #5A6A78 · #B0C4DE

CSS variables

:root {
  --mellow-jazz-club-1: #36454F;
  --mellow-jazz-club-2: #708090;
  --mellow-jazz-club-3: #B0C4DE;
  --mellow-jazz-club-4: #E6E6FA;
  --mellow-jazz-club-5: #5A6A78;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mellow-jazz-club": {
        1: "#36454F",
        2: "#708090",
        3: "#B0C4DE",
        4: "#E6E6FA",
        5: "#5A6A78",
      }
    }
  }
}

Related searches

jazz club colorselegant gray palettesophisticated cool tonesneutral ui designclassic brand colors

Palette colors

Hex values

Color 1#36454F
·
Color 2#708090
·
Color 3#B0C4DE
·
Color 4#E6E6FA
·
Color 5#5A6A78
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.6:1AA
8:1AAA
1.8:1Fail
2
2.4:1Fail
2.3:1Fail
3.3:1AA18
1.4:1Fail
3
5.6:1AA
2.3:1Fail
1.4:1Fail
3.1:1AA18
4
8:1AAA
3.3:1AA18
1.4:1Fail
4.5:1AA
5
1.8:1Fail
1.4:1Fail
3.1:1AA18
4.5:1AA

Similar palettes

More like Mellow Jazz Club

View all neutral
Ancient Marble Sculpture
Hellenic Marble Statue
Old World Parchment
Porcelain Grace
Ancient Marble Ruins
Ancient Marble Veins