Back to palettes

Palette

Diner Jukebox Gleam

A nostalgic palette reflecting the iconic chrome, neon, and primary colors of a classic 1950s American diner.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E4002B#00B4D8#FDFD96#99A0A3#FF69B4

Palette guide

How to use Diner Jukebox Gleam

Overview

The "Diner Jukebox Gleam" palette is a dazzling homage to the energetic and iconic 1950s American diner, capturing the vibrant interplay of neon, chrome, and bold primary colors. This collection features an intense red #E4002B, a striking electric blue #00B4D8, a sunny, almost neon yellow #FDFD96, and a cool, metallic grey #99A0A3. A playful hot pink #FF69B4 adds a touch of whimsical charm, reminiscent of classic milkshakes. Designers can use this palette to infuse projects with a lively, retro-futuristic vibe, perfect for dynamic branding, digital interfaces, or print materials that aim for a memorable, energetic appeal.

Best used for

  • Retro-themed digital advertisements
  • Branding for entertainment venues or arcades
  • UI/UX for fun, energetic mobile apps
  • Event graphics for 50s-style parties
  • Product design for novelty items
  • Website headers for vibrant online stores

Suggested color roles

primary

An intense, fiery red #E4002B, perfect for commanding attention in calls-to-action, important alerts, or main branding elements.

secondary

A brilliant, electric blue #00B4D8 that provides a sharp, energetic contrast. Ideal for secondary navigation, interactive elements, or highlighting key features.

accent

A luminous, almost neon yellow #FDFD96, excellent for small, bright highlights, decorative details, or to simulate a glowing effect.

background

A cool, neutral grey #99A0A3 that evokes chrome, providing a sophisticated backdrop that allows the vibrant colors to truly pop.

text

A playful hot pink #FF69B4 that can be used for decorative text or as a vibrant accent color against darker backgrounds. For body text on lighter backgrounds, a dark grey or black would be more suitable for readability.

Accessibility notes

  • Avoid using #FDFD96 (yellow) for body text; its contrast is too low on #99A0A3 (grey) or other light colors.
  • #E4002B (red) text on #99A0A3 (grey) should provide sufficient contrast.
  • Ensure #FF69B4 (pink) text is used sparingly and on backgrounds with strong contrast, like a very dark grey or black.
  • For interactive elements, ensure distinct hover/focus states, especially when using vibrant colors together.

Recommended combinations

Neon Flash

High-impact digital ads, event posters, or UI elements requiring maximum vibrancy.

#E4002B · #00B4D8 · #FDFD96

Chrome & Pop

Branding that merges industrial cool with playful, energetic accents, like a modern diner.

#99A0A3 · #FF69B4 · #E4002B

Vibrant Contrast

Graphics or illustrations where a dynamic, bright interplay of colors is desired, with grey as a grounding element.

#00B4D8 · #FDFD96 · #99A0A3

CSS variables

:root {
  --diner-jukebox-gleam-1: #E4002B;
  --diner-jukebox-gleam-2: #00B4D8;
  --diner-jukebox-gleam-3: #FDFD96;
  --diner-jukebox-gleam-4: #99A0A3;
  --diner-jukebox-gleam-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "diner-jukebox-gleam": {
        1: "#E4002B",
        2: "#00B4D8",
        3: "#FDFD96",
        4: "#99A0A3",
        5: "#FF69B4",
      }
    }
  }
}

Related searches

50s diner neon colorsretro energetic palettejukebox chrome designvibrant pop pink redclassic american diner hues

Palette colors

Hex values

Color 1#E4002B
·
Color 2#00B4D8
·
Color 3#FDFD96
·
Color 4#99A0A3
·
Color 5#FF69B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.5:1AA
1.8:1Fail
1.8:1Fail
2
2:1Fail
2.3:1Fail
1.1:1Fail
1.1:1Fail
3
4.5:1AA
2.3:1Fail
2.5:1Fail
2.5:1Fail
4
1.8:1Fail
1.1:1Fail
2.5:1Fail
1:1Fail
5
1.8:1Fail
1.1:1Fail
2.5:1Fail
1:1Fail

Similar palettes

More like Diner Jukebox Gleam

View all vibrant
Retro Diner Booth
Retro Diner Pop
Retro Diner Pop
Retro Pop Fizz
Retro Surf Pop
Soda Fountain Pop