Palette

Nostalgic Soda Pop

Vibrant and cheerful hues recalling the energetic and iconic aesthetic of a classic 1950s diner.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nostalgic Soda 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 Nostalgic Soda Pop.

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

Data visualization

#FFD700#FF4500#1E90FF#8A2BE2#3CB371

Palette guide

How to use Nostalgic Soda Pop

Overview

The "Nostalgic Soda Pop" palette bursts with vibrant and cheerful hues, perfectly recalling the energetic and iconic aesthetic of a classic 1950s diner. It features eye-catching colors like #FFD700 (Gold), #FF4500 (Orange Red), #1E90FF (Dodger Blue), #8A2BE2 (Blue Violet), and #3CB371 (Medium Sea Green). This palette is excellent for designs that demand high energy, playfulness, and a distinct retro pop art feel. Ideal for digital interfaces, branding, or marketing materials that aim to evoke excitement and a joyful, vintage spirit, making a memorable visual impact across various platforms.

Best used for

Event posters for music festivals or retro parties
Packaging for confectionery or novelty items
Arcade game interfaces or mobile game assets
Youth-oriented branding and advertising
Social media graphics requiring high visual impact
Themed digital campaigns celebrating vintage culture

Suggested color roles

primary

#FF4500 (Orange Red) - Use for strong calls-to-action, main headlines, or key interactive elements to create immediate excitement.

secondary

#1E90FF (Dodger Blue) - Ideal for supporting graphical elements, subheadings, or background sections, providing a cool balance.

accent

#FFD700 (Gold) - Employ sparingly for highlights, icons, or crucial information to add a bright, cheerful, and premium feel.

background

A light neutral like off-white or light gray, to allow the vibrant colors to truly pop without overwhelming the user.

text

Charcoal or black for body text, ensuring maximum readability against any of the palette's vibrant or light background choices.

Accessibility notes

Many of these vibrant colors will require careful contrast checking when used for text. #FFD700 on white will likely fail.
Always use a dark neutral (like black or charcoal) for body text against light backgrounds.
#1E90FF or #3CB371 can be used for larger headings on a white or light gray background with good contrast.
Avoid using #8A2BE2 or #FF4500 for small text; reserve them for accents or large, decorative type.

Recommended combinations

High Energy Pop

Perfect for dynamic headers, buttons, or graphic elements that demand attention.

#FF4500 · #FFD700 · #1E90FF

Playful Contrast

Great for creating layered visual interest in illustrations or complex UI sections with varying cool tones.

#1E90FF · #3CB371 · #8A2BE2

Bold Statement

Use yellow for brightness, red for impact, and green for a vibrant, unexpected twist in branding.

#FFD700 · #FF4500 · #3CB371

CSS variables

:root {
  --nostalgic-soda-pop-1: #FFD700;
  --nostalgic-soda-pop-2: #FF4500;
  --nostalgic-soda-pop-3: #1E90FF;
  --nostalgic-soda-pop-4: #8A2BE2;
  --nostalgic-soda-pop-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nostalgic-soda-pop": {
        1: "#FFD700",
        2: "#FF4500",
        3: "#1E90FF",
        4: "#8A2BE2",
        5: "#3CB371",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FF4500

Color 3#1E90FF

Color 4#8A2BE2

Color 5#3CB371

Accessibility

Contrast checker

2.5:1Fail

2.3:1Fail

4.2:1AA18

1.9:1Fail

2.5:1Fail

1.1:1Fail

1.7:1Fail

1.3:1Fail

2.3:1Fail

1.1:1Fail

1.8:1Fail

1.2:1Fail

4.2:1AA18

1.7:1Fail

1.8:1Fail

2.2:1Fail

1.9:1Fail

1.3:1Fail

1.2:1Fail

2.2:1Fail

Similar palettes

More like Nostalgic Soda Pop