Palette

Retro Jukebox Glow

Vibrant and inviting, these colors reflect the iconic neon lights and shiny chrome of a classic 1950s jukebox.

retroretro5 colors

More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Jukebox Glow 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 Retro Jukebox Glow.

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

Data visualization

#E74C3C#3498DB#F1C40F#FDFBF0#3A3F44

Palette guide

How to use Retro Jukebox Glow

Overview

The Retro Jukebox Glow palette (version 2) perfectly encapsulates the inviting and classic atmosphere of a 1950s diner, blending warm, inviting tones with cool, metallic accents. It features a rich, vintage red #E74C3C and a calming blue #3498DB, reminiscent of car chrome and classic uniforms. A bright, cheerful yellow #F1C40F adds a sunny disposition, while a creamy off-white #FDFBF0 provides a clean, nostalgic base. A dark, sophisticated charcoal #3A3F44 grounds the palette. This scheme is ideal for designers and developers creating projects that evoke vintage charm, comfort, and timeless appeal, from branding to web design.

Best used for

Vintage diner branding
Retro restaurant menus
Classic car show promotions
Nostalgic website layouts
Product packaging with a vintage feel
Event invitations for classic themes

Suggested color roles

primary

#E74C3C - A warm, inviting vintage red, excellent for main headings, calls-to-action, or prominent brand elements.

secondary

#3498DB - A calming, classic blue, perfect for secondary sections, navigation, or cool-toned accents.

accent

#F1C40F - A bright, cheerful yellow, ideal for highlights, small icons, or adding a pop of optimistic energy.

background

#FDFBF0 - A creamy, near-white provides a clean, soft, and inviting canvas that enhances the vintage feel.

text

#3A3F44 - A dark charcoal offers excellent readability on light backgrounds like #FDFBF0, providing a sophisticated contrast.

Accessibility notes

White or #3A3F44 (dark charcoal) text on #FDFBF0 (creamy off-white) provides excellent contrast and readability.
Ensure #F1C40F (yellow) has sufficient contrast if used for text, especially on other light backgrounds.
#E74C3C (red) and #3498DB (blue) work well for headings and larger text on #FDFBF0.
This palette generally offers good contrast, but always verify WCAG compliance for all text and interactive elements.

Recommended combinations

Diner Classic

The quintessential diner look, perfect for main branding, menus, or clean, readable interfaces.

#E74C3C · #FDFBF0 · #3A3F44

Chrome & Glow

Vibrant and dynamic, ideal for accents, interactive elements, or capturing the glow of neon signs.

#3498DB · #F1C40F · #E74C3C

Vintage Comfort

A harmonious and calming trio, great for backgrounds, subtle UI, or creating a sense of timeless elegance.

#FDFBF0 · #3A3F44 · #3498DB

CSS variables

:root {
  --retro-jukebox-glow-2-1: #E74C3C;
  --retro-jukebox-glow-2-2: #3498DB;
  --retro-jukebox-glow-2-3: #F1C40F;
  --retro-jukebox-glow-2-4: #FDFBF0;
  --retro-jukebox-glow-2-5: #3A3F44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-jukebox-glow-2": {
        1: "#E74C3C",
        2: "#3498DB",
        3: "#F1C40F",
        4: "#FDFBF0",
        5: "#3A3F44",
      }
    }
  }
}

Hex values

Color 1#E74C3C

Color 2#3498DB

Color 3#F1C40F

Color 4#FDFBF0

Color 5#3A3F44

Accessibility

Contrast checker

1.2:1Fail

2.3:1Fail

3.7:1AA18

2.8:1Fail

1.2:1Fail

1.9:1Fail

3:1AA18

3.4:1AA18

2.3:1Fail

1.9:1Fail

1.6:1Fail

6.4:1AA

3.7:1AA18

3:1AA18

1.6:1Fail

10.2:1AAA

2.8:1Fail

3.4:1AA18

6.4:1AA

10.2:1AAA

Similar palettes

More like Retro Jukebox Glow