Back to palettes

Palette

Chrome Soda Fountain

Bright and cheerful, this palette harks back to the classic aesthetics of a 1950s soda fountain with bold primary accents.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EF3E42#F8B337#A1D6B2#6C7A89#4C5761

Palette guide

How to use Chrome Soda Fountain

Overview

The Chrome Soda Fountain palette is a bright and cheerful collection that harks back to the classic aesthetics of a 1950s soda fountain. It features bold primary accents like #EF3E42 (Vibrant Red) and #F8B337 (Sunny Orange), balanced by the refreshing #A1D6B2 (Mint Green). The sophisticated #6C7A89 (Slate Blue) and #4C5761 (Dark Grey) provide a grounding, chrome-like quality, reminiscent of polished metal and sturdy counters. This palette is ideal for designers seeking to evoke nostalgia, fun, and a lively retro charm. It's particularly effective for food and beverage branding, vintage events, or any design that benefits from a cheerful and inviting old-school appeal.

Best used for

  • Retro soda fountain or diner branding
  • Vintage-themed event promotions
  • Food and beverage product packaging
  • Children's party decor
  • Nostalgic lifestyle blogs
  • Brand identity for classic cafes

Suggested color roles

primary

Utilize #EF3E42 (Vibrant Red) for main branding elements, impactful call-to-actions, or significant headlines.

secondary

Apply #6C7A89 (Slate Blue) for navigation, subheadings, or to provide a cool, classic contrast.

accent

Employ #F8B337 (Sunny Orange) for highlights, warnings, or playful decorative elements to add a cheerful pop.

background

A clean white background (e.g., #FFFFFF) is recommended to allow these vibrant colors to truly pop without clashing.

text

A dark grey (#4C5761) or classic black (#000000) is recommended for body text to ensure optimal readability against light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on a white background; use #4C5761 or black.
  • Pair white text with #EF3E42, #6C7A89, and #4C5761 for optimal readability.
  • Check contrast for #F8B337 (Sunny Orange) when used for text; black text is usually necessary.
  • Interactive elements should be clearly distinguishable with strong contrast and visual cues.

Recommended combinations

Classic Soda

Ideal for main branding, with the red as primary, green as fresh accent, and blue for structure.

#EF3E42 · #A1D6B2 · #6C7A89

Retro Brights

Combine for dynamic illustrations, infographics, or sections needing vibrant accents with a dark anchor.

#F8B337 · #EF3E42 · #4C5761

Fountain Fresh

Use the green as a base, blue for content, and orange for cheerful highlights in a refreshing design.

#A1D6B2 · #6C7A89 · #F8B337

CSS variables

:root {
  --chrome-soda-fountain-1: #EF3E42;
  --chrome-soda-fountain-2: #F8B337;
  --chrome-soda-fountain-3: #A1D6B2;
  --chrome-soda-fountain-4: #6C7A89;
  --chrome-soda-fountain-5: #4C5761;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "chrome-soda-fountain": {
        1: "#EF3E42",
        2: "#F8B337",
        3: "#A1D6B2",
        4: "#6C7A89",
        5: "#4C5761",
      }
    }
  }
}

Related searches

retro soda fountain palette1950s diner colorsvintage bright schemeclassic pop art designchrome red green orange

Palette colors

Hex values

Color 1#EF3E42
·
Color 2#F8B337
·
Color 3#A1D6B2
·
Color 4#6C7A89
·
Color 5#4C5761
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.3:1Fail
1.1:1Fail
1.9:1Fail
2
2.1:1Fail
1.1:1Fail
2.4:1Fail
4:1AA18
3
2.3:1Fail
1.1:1Fail
2.7:1Fail
4.5:1AA18
4
1.1:1Fail
2.4:1Fail
2.7:1Fail
1.7:1Fail
5
1.9:1Fail
4:1AA18
4.5:1AA18
1.7:1Fail

Similar palettes

More like Chrome Soda Fountain

View all retro