Palette

Nostalgic Soda Fountain

Bold reds, cheerful yellows, and cool blues recreate the lively atmosphere of a 50s diner.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EAF2F8#A4D2ED#ED6B5B#F7B801#3B3D3D

Palette guide

How to use Nostalgic Soda Fountain

Overview

The "Nostalgic Soda Fountain" palette vibrantly recreates the lively atmosphere of a 1950s diner with its bold reds, cheerful yellows, and cool blues. Key colors include the bright #ED6B5B (Coral Red), the sunny #F7B801 (Golden Yellow), and the refreshing #A4D2ED (Sky Blue). This palette is excellent for designs aiming for a retro, energetic, and fun vibe, reminiscent of classic soda shops and jukeboxes. The near-white #EAF2F8 (Light Blue Gray) provides a clean backdrop, while the deep #3B3D3D (Charcoal) adds crucial grounding and sophistication, making it ideal for entertainment, food branding, or playful digital interfaces.

Best used for

Retro-themed events and party invitations
Fast-casual restaurant or diner branding
Packaging for snacks, beverages, or confectionery
Children's merchandise or toy branding
Website and app design for entertainment
Vintage-style poster and advertising campaigns

Suggested color roles

primary

#ED6B5B (Coral Red) - Use for high-impact calls-to-action, main headlines, or prominent brand elements to capture immediate attention.

secondary

#A4D2ED (Sky Blue) - Ideal for supporting information, background sections, or large graphic elements, offering a cool contrast.

accent

#F7B801 (Golden Yellow) - Employ sparingly for highlights, warnings, or playful icons to inject warmth and cheerfulness.

background

#EAF2F8 (Light Blue Gray) - A clean, subtle background that allows the vibrant primary and accent colors to pop effectively.

text

#3B3D3D (Charcoal) for body text and important headings, ensuring excellent readability against the light background.

Accessibility notes

#3B3D3D offers strong contrast against #EAF2F8, #A4D2ED, and lighter colors, making it suitable for body text.
Ensure #ED6B5B and #F7B801 have sufficient contrast when used for text on #EAF2F8 or #A4D2ED.
Avoid using #EAF2F8 as text color on light backgrounds; it's best suited as a background itself.
Consider large text sizes for #F7B801 if used on a #A4D2ED background to maintain readability.

Recommended combinations

Jukebox Jolt

Perfect for high-energy promotional materials, combining bold colors with a strong dark anchor.

#ED6B5B · #F7B801 · #3B3D3D

Refreshing Float

Ideal for a clean, inviting layout, using light blues as a base and red as a vibrant focal point.

#EAF2F8 · #A4D2ED · #ED6B5B

Modern Retro

Great for a sophisticated retro feel, with dark elements, a calming blue, and a cheerful yellow pop.

#3B3D3D · #A4D2ED · #F7B801

CSS variables

:root {
  --nostalgic-soda-fountain-1: #EAF2F8;
  --nostalgic-soda-fountain-2: #A4D2ED;
  --nostalgic-soda-fountain-3: #ED6B5B;
  --nostalgic-soda-fountain-4: #F7B801;
  --nostalgic-soda-fountain-5: #3B3D3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nostalgic-soda-fountain": {
        1: "#EAF2F8",
        2: "#A4D2ED",
        3: "#ED6B5B",
        4: "#F7B801",
        5: "#3B3D3D",
      }
    }
  }
}

Hex values

Color 1#EAF2F8

Color 2#A4D2ED

Color 3#ED6B5B

Color 4#F7B801

Color 5#3B3D3D

Accessibility

Contrast checker

1.4:1Fail

2.7:1Fail

1.6:1Fail

9.7:1AAA

1.4:1Fail

1.9:1Fail

1.1:1Fail

6.8:1AA

2.7:1Fail

1.9:1Fail

1.7:1Fail

3.6:1AA18

1.6:1Fail

1.1:1Fail

1.7:1Fail

6.1:1AA

9.7:1AAA

6.8:1AA

3.6:1AA18

6.1:1AA

Similar palettes

More like Nostalgic Soda Fountain

Mid-Century Atomic Pop

Nostalgic Soda Pop