Back to palettes

Palette

Diner Jukebox Beat

A lively throwback to classic diners, bursting with the bold, primary colors of a vintage jukebox.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Diner Jukebox Beat 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 Diner Jukebox Beat.

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

Data visualization

#C1272D#FFFFFF#00BFFF#FFD700#4A4A4A

Palette guide

How to use Diner Jukebox Beat

Overview

The "Diner Jukebox Beat" palette pulsates with the energetic rhythm of a classic 1950s diner, embodying the bold and vibrant spirit of a vintage jukebox. This collection features a powerful, deep red #C1272D, crisp white #FFFFFF, a brilliant sky blue #00BFFF, and a radiant gold #FFD700. Grounded by a versatile charcoal grey #4A4A4A, it offers a dynamic interplay of primary and metallic tones. Designers can use this palette to create engaging, retro-inspired experiences, from lively branding and advertising to user interfaces that need to make a strong, memorable impression. It’s perfect for projects that celebrate nostalgia with a modern, punchy flair.

Best used for

  • Retro music or entertainment branding
  • Themed restaurant or bar websites
  • Event posters and flyers for vintage nights
  • UI design for classic game remakes
  • Apparel design with a 50s rock-and-roll vibe
  • Packaging for nostalgic candy or soda

Suggested color roles

primary

A rich, classic red #C1272D that commands attention. Ideal for main headings, calls-to-action, or brand logos to convey energy and retro charm.

secondary

A bright, clear blue #00BFFF that offers a striking contrast to the red. Excellent for secondary navigation, interactive elements, or graphic details.

accent

A dazzling gold #FFD700 that adds a touch of sparkle and luxury. Perfect for highlights, small icons, or decorative flourishes reminiscent of chrome.

background

A clean, crisp white #FFFFFF that provides an optimal, luminous backdrop, allowing the bold primary and accent colors to truly pop and maintain readability.

text

A sophisticated charcoal grey #4A4A4A that ensures excellent readability against white or light backgrounds, offering a softer alternative to pure black while maintaining strong contrast.

Accessibility notes

  • #4A4A4A (charcoal) on #FFFFFF (white) provides excellent contrast for all text sizes.
  • #C1272D (red) text on #FFFFFF (white) also offers strong contrast.
  • Ensure #FFD700 (gold) is used for larger text or accents, as its contrast might be low on #FFFFFF for small body text.
  • Avoid placing #00BFFF (blue) text on #C1272D (red) backgrounds due to potential readability issues for some users.

Recommended combinations

Jukebox Pop

Energetic branding, website headers, or UI elements that need a classic, vibrant look.

#C1272D · #00BFFF · #FFFFFF

Gleaming Chrome

Accents, metallic details, or subtle background patterns to evoke a retro-futuristic feel.

#FFD700 · #4A4A4A · #FFFFFF

Bold Contrast

Strong visual statements in posters, app interfaces, or calls-to-action.

#4A4A4A · #C1272D · #00BFFF

CSS variables

:root {
  --diner-jukebox-beat-1: #C1272D;
  --diner-jukebox-beat-2: #FFFFFF;
  --diner-jukebox-beat-3: #00BFFF;
  --diner-jukebox-beat-4: #FFD700;
  --diner-jukebox-beat-5: #4A4A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "diner-jukebox-beat": {
        1: "#C1272D",
        2: "#FFFFFF",
        3: "#00BFFF",
        4: "#FFD700",
        5: "#4A4A4A",
      }
    }
  }
}

Related searches

retro jukebox colors50s classic palettevibrant pop art designred white blue goldvintage entertainment branding

Palette colors

Hex values

Color 1#C1272D
·
Color 2#FFFFFF
·
Color 3#00BFFF
·
Color 4#FFD700
·
Color 5#4A4A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
5.8:1AA
2.8:1Fail
4.2:1AA18
1.5:1Fail
2
5.8:1AA
2.1:1Fail
1.4:1Fail
8.9:1AAA
3
2.8:1Fail
2.1:1Fail
1.5:1Fail
4.2:1AA18
4
4.2:1AA18
1.4:1Fail
1.5:1Fail
6.3:1AA
5
1.5:1Fail
8.9:1AAA
4.2:1AA18
6.3:1AA

Similar palettes

More like Diner Jukebox Beat

View all vibrant
Nostalgic Soda Pop
Retro Diner Jukebox
Retro Sunset Diner
Atomic Age Diner
Atomic Era Splash
Mid-Century Atomic Pop