Back to palettes

Palette

Neon Jazz Club

Bold and electrifying, reminiscent of a clandestine jazz club pulsating with vibrant neon lights.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#9D0208#FFBA08#03FCBA#8B1C62

Palette guide

How to use Neon Jazz Club

Overview

The "Neon Jazz Club" palette evokes a clandestine, energetic atmosphere with its bold and electrifying hues. Centered on a deep black base, #000000, it features a rich crimson #9D0208, a glowing gold #FFBA08, an electric aqua #03FCBA, and a mysterious magenta #8B1C62. This combination is perfect for projects requiring a retro yet modern feel, delivering a powerful visual punch. Designers and developers can leverage these vibrant neons against the dark for striking interfaces and branding, capturing the pulsating rhythm of a late-night music venue. The palette offers a balance of warm and cool tones, allowing for dynamic visual storytelling.

Best used for

  • Nightclub branding and promotional materials
  • Retro gaming interfaces and assets
  • Music festival and event posters
  • Fashion and streetwear design
  • Dark mode UI/UX for entertainment apps
  • Digital art and illustration with a bold theme

Suggested color roles

primary

Use #000000 as the foundational deep background, providing a stark canvas for the vibrant neons to truly pop and create a sense of depth.

secondary

Employ #9D0208 for bold statements and focal points, or #8B1C62 for a more enigmatic, sophisticated secondary pop, adding character to elements.

accent

Apply #FFBA08 for warm, inviting glows and highlights, or #03FCBA for cool, futuristic accents, guiding user attention and adding visual energy.

background

The primary background should be #000000 to maximize contrast and create the signature neon-on-dark effect, enhancing the palette's dramatic appeal.

text

For primary text, use #FFBA08 or #03FCBA against the #000000 background for excellent readability and a glowing effect. For secondary text, a subtle white or light grey can be effective.

Accessibility notes

  • Ensure sufficient contrast between neon colors and the #000000 background for all text and interactive elements (WCAG AA minimum).
  • Avoid using #9D0208 or #8B1C62 for small text on #000000, as their darker values may not meet contrast requirements.
  • Use larger font sizes for neon text to enhance readability, especially for #FFBA08 and #03FCBA.
  • Test color combinations for different forms of colorblindness, as some bright colors can be difficult to distinguish.

Recommended combinations

Dark & Gold Glam

Ideal for elegant headlines, event banners, or sophisticated branding elements where a classic, luxurious feel is desired.

#000000 · #FFBA08 · #9D0208

Electric Duet

Perfect for creating high-energy digital interfaces, interactive elements, or vibrant graphic accents with a modern, dynamic edge.

#03FCBA · #8B1C62 · #000000

Full Spectrum Vibe

Use this trio for dynamic illustrations, gradient effects, or large visual blocks where the full energetic range of the palette is showcased.

#FFBA08 · #03FCBA · #9D0208

CSS variables

:root {
  --neon-jazz-club-1: #000000;
  --neon-jazz-club-2: #9D0208;
  --neon-jazz-club-3: #FFBA08;
  --neon-jazz-club-4: #03FCBA;
  --neon-jazz-club-5: #8B1C62;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-jazz-club": {
        1: "#000000",
        2: "#9D0208",
        3: "#FFBA08",
        4: "#03FCBA",
        5: "#8B1C62",
      }
    }
  }
}

Related searches

neon nightlife color schemejazz club design paletteretro vibrant colorsdark mode neon UIbold energetic color combinations

Palette colors

Hex values

Color 1#000000
·
Color 2#9D0208
·
Color 3#FFBA08
·
Color 4#03FCBA
·
Color 5#8B1C62
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
12.3:1AAA
15.6:1AAA
2.4:1Fail
2
2.4:1Fail
5:1AA
6.4:1AA
1:1Fail
3
12.3:1AAA
5:1AA
1.3:1Fail
5:1AA
4
15.6:1AAA
6.4:1AA
1.3:1Fail
6.4:1AA
5
2.4:1Fail
1:1Fail
5:1AA
6.4:1AA

Similar palettes

More like Neon Jazz Club

View all vibrant
Arcade Game Flash
Electric Neon Dream
Retro Arcade Neon
Retro Future Pop
Alleyway Mural Splash
Chroma Glitch Pop