Back to palettes

Palette

Vintage Soda Fountain

Nostalgic hues of pastel pinks, blues, and warm greys recall the cheerful atmosphere of a 1950s soda fountain.

Retroretro5 colors
More Retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#87CEEB#F08080#FAFAD2#A9A9A9

Palette guide

How to use Vintage Soda Fountain

Overview

The Vintage Soda Fountain palette evokes the cheerful atmosphere of a 1950s diner with its nostalgic blend of pastel pinks, blues, and warm greys. This inviting collection features the classic #FFC0CB and the refreshing #87CEEB, providing a playful foundation. The unexpected yet charming #F08080 adds a touch of muted red, while the creamy #FAFAD2 offers a soft, inviting background. A balanced #A9A9A9 grey grounds the palette, adding a sophisticated vintage touch. Designers can leverage this palette to create delightful branding, charming web interfaces, or whimsical illustrations that perfectly capture a sense of retro fun and timeless appeal.

Best used for

  • Retro-themed cafes or bakeries
  • Children's fashion or decor
  • Vintage toy branding
  • Event invitations (birthdays, anniversaries)
  • Playful social media graphics
  • Nostalgic product packaging

Suggested color roles

primary

A soft, inviting coral-red like #F08080 that serves as a playful yet strong primary for branding or key UI elements.

secondary

A classic pastel pink like #FFC0CB, excellent for supporting elements, decorative details, or feminine touches.

accent

A bright, refreshing sky blue like #87CEEB, offering a cool counterpoint and suitable for highlights or interactive elements.

background

A very light, creamy yellow like #FAFAD2, providing a warm and inviting canvas that enhances the pastel tones.

text

Use the mid-tone #A9A9A9 for headings and secondary text. For body text, a dark charcoal or black ensures optimal readability against the #FAFAD2 background.

Accessibility notes

  • Ensure sufficient contrast for text, using black or dark charcoal on #FAFAD2 for readability.
  • Avoid using #FFC0CB or #87CEEB for body text on #FAFAD2 backgrounds due to low contrast.
  • For interactive elements, provide clear visual cues for states, such as bolder borders or slight color shifts.
  • Test the legibility of #A9A9A9 on various backgrounds, as its mid-tone can be challenging for accessibility.

Recommended combinations

Diner Classic

Creamy background with a playful red and a grounding grey for a balanced, nostalgic look.

#FAFAD2 · #F08080 · #A9A9A9

Sweet & Bright

Light background with pastel pink and blue, ideal for soft illustrations or cheerful UI elements.

#FAFAD2 · #FFC0CB · #87CEEB

Retro Harmony

Grey base with playful red and pink accents, suitable for graphic patterns or distinct content blocks.

#A9A9A9 · #F08080 · #FFC0CB

CSS variables

:root {
  --vintage-soda-fountain-1: #FFC0CB;
  --vintage-soda-fountain-2: #87CEEB;
  --vintage-soda-fountain-3: #F08080;
  --vintage-soda-fountain-4: #FAFAD2;
  --vintage-soda-fountain-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-soda-fountain": {
        1: "#FFC0CB",
        2: "#87CEEB",
        3: "#F08080",
        4: "#FAFAD2",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

1950s pastel colorsvintage pink and blueretro soda shop paletteplayful nostalgia colorsclassic diner aesthetic

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#87CEEB
·
Color 3#F08080
·
Color 4#FAFAD2
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.4:1Fail
1.5:1Fail
2
1.1:1Fail
1.5:1Fail
1.6:1Fail
1.3:1Fail
3
1.7:1Fail
1.5:1Fail
2.4:1Fail
1.1:1Fail
4
1.4:1Fail
1.6:1Fail
2.4:1Fail
2.2:1Fail
5
1.5:1Fail
1.3:1Fail
1.1:1Fail
2.2:1Fail

Similar palettes

More like Vintage Soda Fountain

View all Retro
Diner Mint & Chrome
Chrome Diner Jive
Jukebox Diner Hues
Retro Diner Glaze
Retro Diner Kitsch
Retro Diner Shake