Palette

Retro Jukebox Pop

Bold, contrasting colors burst with the playful, energetic vibe of a classic 50s jukebox.

VibrantRetro5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EF5350#2196F3#FFD600#FF4081#76FF03

Palette guide

How to use Retro Jukebox Pop

Overview

The Retro Jukebox Pop palette bursts with bold, contrasting colors that evoke the playful and energetic vibe of a classic 1950s jukebox. This vibrant scheme features a lively red #EF5350, a striking blue #2196F3, and a cheerful yellow #FFD600, perfectly balanced with a vibrant pink #FF4081 and a fresh lime green #76FF03. Designers and developers can utilize these high-impact hues to create dynamic user interfaces, engaging brand identities, or captivating marketing materials. It’s an ideal choice for projects aiming to convey a sense of fun, nostalgia, and immediate visual appeal, especially those targeting a youthful or retro-inspired audience.

Best used for

Youth-oriented brand identities
Casual dining and fast-food marketing
Entertainment and music applications
Event branding and promotional materials
Playful packaging design
Interactive digital experiences

Suggested color roles

primary

Use #EF5350 for dominant elements like calls to action, important headings, or key brand identifiers to create an immediate impact.

secondary

Apply #2196F3 as a strong counterpoint for navigation, background sections, or to introduce a cool, stable presence.

accent

Leverage #FFD600 for bright highlights, interactive buttons, or small details that need to grab attention instantly.

background

A light neutral (e.g., near-white) provides a clean canvas, or use #76FF03 for a vibrant, energetic background in specific sections.

text

Choose a dark charcoal or black for readability on lighter backgrounds, or crisp white text when placed over #EF5350 or #2196F3.

Accessibility notes

Ensure sufficient contrast when using #FFD600 for text or small icons, as its luminosity requires very dark text.
Avoid pairing #EF5350 with #FF4081 for text if contrast is critical, due to their similar red hues.
Use #2196F3 or #EF5350 with white text for optimal legibility against strong primary colors.
Check contrast ratios for all text elements, especially when combining vibrant colors like #76FF03 with other bright hues.

Recommended combinations

Retro Power

Perfect for main branding, hero sections, or any area needing a strong, classic retro statement.

#EF5350 · #2196F3 · #FFD600

Playful Burst

Ideal for playful graphics, secondary elements, or to add a youthful, energetic pop to designs.

#FF4081 · #76FF03 · #EF5350

Jukebox Flash

Excellent for UI highlights, interactive elements, or to mimic the vibrant lights of a classic jukebox.

#FFD600 · #2196F3 · #EF5350

CSS variables

:root {
  --retro-jukebox-pop-1: #EF5350;
  --retro-jukebox-pop-2: #2196F3;
  --retro-jukebox-pop-3: #FFD600;
  --retro-jukebox-pop-4: #FF4081;
  --retro-jukebox-pop-5: #76FF03;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-jukebox-pop": {
        1: "#EF5350",
        2: "#2196F3",
        3: "#FFD600",
        4: "#FF4081",
        5: "#76FF03",
      }
    }
  }
}

Hex values

Color 1#EF5350

Color 2#2196F3

Color 3#FFD600

Color 4#FF4081

Color 5#76FF03

Accessibility

Contrast checker

1.1:1Fail

2.5:1Fail

1:1Fail

2.7:1Fail

1.1:1Fail

2.2:1Fail

1.1:1Fail

2.4:1Fail

2.5:1Fail

2.2:1Fail

2.4:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

2.4:1Fail

2.6:1Fail

2.7:1Fail

2.4:1Fail

1.1:1Fail

2.6:1Fail

Similar palettes

More like Retro Jukebox Pop

Retro Jukebox Pop

See it in context.

Ready when you are.

Built with Retro Jukebox Pop.

How to use Retro Jukebox Pop

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Retro Power

Playful Burst

Jukebox Flash

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Jukebox Pop