Back to palettes

Palette

Retro Diner Jukebox

Bright, cheerful colors of a classic 1950s American diner, full of chrome and candy-colored fun.

vibrantplayful5 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

#FF5A5F#FFDA82#B3F5B3#4B88A2#FFC15E

Palette guide

How to use Retro Diner Jukebox

Overview

The Retro Diner Jukebox palette presents a bright and cheerful collection of candy-colored hues, perfectly capturing the playful spirit of a 1950s American diner. It features a delightful salmon red (#FF5A5F), a soft light orange (#FFDA82), a refreshing light green (#B3F5B3), a calming muted blue (#4B88A2), and a vibrant medium orange (#FFC15E). This palette leans towards a softer, more whimsical retro feel, ideal for designers and developers creating inviting and fun experiences. While lacking a dedicated dark text color, its light and airy nature encourages pairings with crisp white or dark charcoal to ensure readability and maintain its cheerful charm.

Best used for

  • Playful children's branding and products
  • Cheerful web and mobile app designs
  • Vintage-inspired confectionery packaging
  • Cafe or dessert shop interiors
  • Summer event promotions
  • Illustrations with a whimsical retro style

Suggested color roles

primary

The cheerful salmon red (#FF5A5F) is excellent for primary calls to action, headlines, or elements needing a soft, inviting pop.

secondary

The muted blue (#4B88A2) provides a calming counterpoint, great for secondary navigation, informational panels, or background details.

accent

The vibrant medium orange (#FFC15E) or refreshing light green (#B3F5B3) can be used for playful accents, icons, or interactive states.

background

The soft light orange (#FFDA82) or light green (#B3F5B3) serve as excellent, airy backgrounds that maintain the palette's cheerful mood.

text

This palette lacks a dark text color. For optimal readability, use a dark charcoal or pure black for body text and important labels.

Accessibility notes

  • Due to the light nature of all colors, ensure high contrast when using any of them for text on a background.
  • Avoid using any of the palette colors as text on another palette color without significant contrast testing; many combinations will fail.
  • Always use a dark neutral (like black or charcoal) for body text on #FFDA82 or #B3F5B3 to ensure readability.
  • Reserve the vibrant hues for large decorative text or UI elements rather than small, critical information.

Recommended combinations

Candy Pop

Creates a sweet, playful look for headers, banners, or decorative elements in lighthearted designs.

#FF5A5F · #FFC15E · #B3F5B3

Muted Harmony

Ideal for background patterns, informational sections, or softer branding elements that evoke a gentle retro feel.

#FFDA82 · #4B88A2 · #FF5A5F

Fresh & Bright

Great for subtle accents, playful illustrations, or areas where a refreshing and cheerful atmosphere is desired.

#B3F5B3 · #FFC15E · #4B88A2

CSS variables

:root {
  --retro-diner-jukebox-12-1: #FF5A5F;
  --retro-diner-jukebox-12-2: #FFDA82;
  --retro-diner-jukebox-12-3: #B3F5B3;
  --retro-diner-jukebox-12-4: #4B88A2;
  --retro-diner-jukebox-12-5: #FFC15E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-jukebox-12": {
        1: "#FF5A5F",
        2: "#FFDA82",
        3: "#B3F5B3",
        4: "#4B88A2",
        5: "#FFC15E",
      }
    }
  }
}

Related searches

cheerful retro color schemecandy colored palette 50splayful vintage design colorspastel diner aestheticwhimsical pop art palette

Palette colors

Hex values

Color 1#FF5A5F
·
Color 2#FFDA82
·
Color 3#B3F5B3
·
Color 4#4B88A2
·
Color 5#FFC15E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.4:1Fail
1.3:1Fail
1.9:1Fail
2
2.3:1Fail
1.1:1Fail
2.9:1Fail
1.2:1Fail
3
2.4:1Fail
1.1:1Fail
3.1:1AA18
1.3:1Fail
4
1.3:1Fail
2.9:1Fail
3.1:1AA18
2.4:1Fail
5
1.9:1Fail
1.2:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Retro Diner Jukebox

View all vibrant
Atomic Diner Swirl
Bubblegum Pop Burst
Carnival Funfair Lights
Retro Candy Pop
Retro Candy Shoppe
Retro Candy Strip