Back to palettes

Palette

Retro Diner Jukebox

Bold, contrasting colors evoking the iconic aesthetic of a 1950s diner, complete with shiny chrome and red booths.

VibrantRetro5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0000#FFD700#008080#C0C0C0#000000

Palette guide

How to use Retro Diner Jukebox

Overview

The Retro Diner Jukebox palette delivers a bold, iconic aesthetic reminiscent of a 1950s diner, complete with shiny chrome and red booths. It features a commanding pure red (#FF0000) and a luxurious gold (#FFD700), balanced by a cool, classic teal (#008080). A versatile silver-grey (#C0C0C0) and a grounding pure black (#000000) round out this striking collection. This palette is perfect for designers and developers aiming to evoke a strong sense of nostalgia, quality, and timeless appeal. Utilize #FF0000 for high-visibility elements and #C0C0C0 for metallic accents, while #008080 adds a unique, vintage touch for sophisticated details.

Best used for

  • Classic retro branding and logos
  • Automotive or motorcycle enthusiast sites
  • Luxury vintage product packaging
  • High-end restaurant or bar interiors
  • Event design with a sophisticated retro theme
  • Graphic design for apparel and merchandise

Suggested color roles

primary

The pure red (#FF0000) is excellent for primary branding elements, calls to action, and impactful headlines that demand attention.

secondary

The rich gold (#FFD700) works well for secondary highlights, awards, or decorative accents that convey quality and a premium feel.

accent

The classic teal (#008080) provides a unique and sophisticated accent, ideal for subtle details, navigation, or background patterns.

background

The versatile silver-grey (#C0C0C0) can serve as a polished background, mimicking chrome, or as a neutral base for other colors.

text

Pure black (#000000) ensures maximum readability for body text and headings, providing strong contrast against #C0C0C0 and #FFD700.

Accessibility notes

  • Ensure sufficient contrast for text when using #FFD700 on #C0C0C0; it may require larger font sizes or bolding.
  • Black text (#000000) on silver-grey (#C0C0C0) offers good readability for most content.
  • Use #FF0000 for critical UI elements, ensuring it stands out, but be mindful of its intensity.
  • Consider contrast for #008080 when used as text on #C0C0C0; it may need to be darker or paired with a lighter background.

Recommended combinations

Chrome & Red

Perfect for hero sections, product showcases, or bold headlines that evoke a sleek, classic diner feel.

#FF0000 · #C0C0C0 · #000000

Gilded Accent

Ideal for elegant UI elements, subtle background patterns, or accenting informational graphics with a touch of luxury.

#C0C0C0 · #FFD700 · #008080

Bold Statement

Great for striking callouts, distinctive branding elements, or visual markers that require high impact and contrast.

#FF0000 · #008080 · #000000

CSS variables

:root {
  --retro-diner-jukebox-11-1: #FF0000;
  --retro-diner-jukebox-11-2: #FFD700;
  --retro-diner-jukebox-11-3: #008080;
  --retro-diner-jukebox-11-4: #C0C0C0;
  --retro-diner-jukebox-11-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-jukebox-11": {
        1: "#FF0000",
        2: "#FFD700",
        3: "#008080",
        4: "#C0C0C0",
        5: "#000000",
      }
    }
  }
}

Related searches

1950s diner color schemered silver black palettevintage iconic design colorsretro chrome aestheticbold classic color scheme

Palette colors

Hex values

Color 1#FF0000
·
Color 2#FFD700
·
Color 3#008080
·
Color 4#C0C0C0
·
Color 5#000000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
1.2:1Fail
2.2:1Fail
5.3:1AA
2
2.9:1Fail
3.4:1AA18
1.3:1Fail
15:1AAA
3
1.2:1Fail
3.4:1AA18
2.6:1Fail
4.4:1AA18
4
2.2:1Fail
1.3:1Fail
2.6:1Fail
11.5:1AAA
5
5.3:1AA
15:1AAA
4.4:1AA18
11.5:1AAA

Similar palettes

More like Retro Diner Jukebox

View all Vibrant
Retro Diner Jukebox
Retro Diner Jukebox
Vintage Diner Jukebox
Retro Jukebox Pop
Retro Neon Dream
Retro Pixel Glitch