Back to palettes

Palette

Soda Shop Jive

A lively and spirited palette echoing the bright, contrasting colors of 1950s diners.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soda Shop Jive 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 Soda Shop Jive.

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

Data visualization

#E74C3C#F1C40F#3498DB#2ECC71#95A5A6

Palette guide

How to use Soda Shop Jive

Overview

The Soda Shop Jive palette (version 2) is a vibrant, energetic scheme that directly reflects the bold, primary colors of classic 1950s diners and pop culture. Featuring strong red #E74C3C, bright yellow #F1C40F, vivid blue #3498DB, fresh green #2ECC71, and a grounding neutral #95A5A6, this palette is designed for high visual impact and playful engagement. Designers and developers can leverage these striking, contrasting colors to create dynamic interfaces, memorable branding, and lively digital experiences. It’s an ideal choice for projects aiming for a fun, retro-modern aesthetic that exudes optimism and a distinct personality.

Best used for

  • Retro-themed entertainment websites
  • Children's product branding and packaging
  • Casual dining or fast-food restaurant identities
  • Lively event promotions and posters
  • Playful educational apps or platforms
  • Digital campaigns needing a bold, cheerful presence

Suggested color roles

primary

Use #E74C3C for high-impact calls-to-action, primary buttons, or energetic headers, demanding immediate attention.

secondary

Apply #3498DB for main content blocks, navigation, or complementary elements, offering a cool, stable contrast.

accent

Incorporate #F1C40F or #2ECC71 for highlights, interactive states, or decorative flourishes, adding a playful pop.

background

Utilize #95A5A6 for a soft, grounding background that allows the vibrant colors to truly stand out.

text

For light backgrounds like #95A5A6, use black or a dark charcoal. For vibrant backgrounds, use white for clarity.

Accessibility notes

  • Ensure sufficient contrast when pairing vibrant colors like #E74C3C and #F1C40F with text. White text is often best.
  • Text in black or charcoal on #95A5A6 background provides excellent readability.
  • Avoid using #95A5A6 as text on the vibrant colors; it lacks sufficient contrast.
  • When using #3498DB or #2ECC71 as backgrounds, ensure text is either white or a very dark neutral for accessibility.

Recommended combinations

Primary Pop

Classic, high-energy retro: #E74C3C for focal points, #3498DB for main content, and #F1C40F for bright accents.

#E74C3C · #3498DB · #F1C40F

Fresh & Lively

Use #95A5A6 as a calming base, #2ECC71 for growth or positive indicators, and #E74C3C for warning or emphasis.

#95A5A6 · #2ECC71 · #E74C3C

Bold Interface

Ideal for a vibrant UI: #F1C40F for prominent sections, #3498DB for interactive elements, and #95A5A6 for subtle details.

#F1C40F · #3498DB · #95A5A6

CSS variables

:root {
  --soda-shop-jive-2-1: #E74C3C;
  --soda-shop-jive-2-2: #F1C40F;
  --soda-shop-jive-2-3: #3498DB;
  --soda-shop-jive-2-4: #2ECC71;
  --soda-shop-jive-2-5: #95A5A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soda-shop-jive-2": {
        1: "#E74C3C",
        2: "#F1C40F",
        3: "#3498DB",
        4: "#2ECC71",
        5: "#95A5A6",
      }
    }
  }
}

Related searches

bold retro color schemeprimary color diner palettevibrant 50s colorsplayful high contrast UIclassic pop art palette

Palette colors

Hex values

Color 1#E74C3C
·
Color 2#F1C40F
·
Color 3#3498DB
·
Color 4#2ECC71
·
Color 5#95A5A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.2:1Fail
1.8:1Fail
1.5:1Fail
2
2.3:1Fail
1.9:1Fail
1.3:1Fail
1.5:1Fail
3
1.2:1Fail
1.9:1Fail
1.5:1Fail
1.2:1Fail
4
1.8:1Fail
1.3:1Fail
1.5:1Fail
1.2:1Fail
5
1.5:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Soda Shop Jive

View all vibrant
Arcade Neon Pixel
Retro Soda Fountain
Chrome & Neon Cafe
Midcentury Eatery Glow
Neon Chrome Diner
Retro Diner Booth