Back to palettes

Palette

Retro Soda Fountain

Soft, dreamy shades that evoke the nostalgic charm of a 1950s soda fountain.

pastelretro5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F2D2BD#C2B8AA#8D6B92#5D5D81#A1D2CE

Palette guide

How to use Retro Soda Fountain

Overview

The Retro Soda Fountain palette offers a soft, dreamy collection of muted tones, evoking the nostalgic charm of a 1950s diner. With a warm beige #F2D2BD, a sophisticated grey-green #C2B8AA, a deep plum #8D6B92, a muted blue-grey #5D5D81, and a refreshing light teal #A1D2CE, this palette is ideal for creating designs with a gentle vintage feel. Designers can use these subtle hues for elegant branding, serene web interfaces, or classic print materials. Developers will find these hex codes provide a cohesive and understated aesthetic for a refined user experience.

Best used for

  • Nostalgic brand identities
  • Vintage-inspired web design
  • Editorial layouts with a classic touch
  • Home decor product branding
  • Art prints and illustrations
  • Wedding invitations with a retro twist

Suggested color roles

primary

The muted blue-grey, #5D5D81, serves as a sophisticated anchor for main content, navigation, or strong graphical elements.

secondary

The warm beige, #F2D2BD, is excellent for background sections, cards, or softer accents, providing a gentle base.

accent

The refreshing light teal, #A1D2CE, works well for subtle highlights, interactive elements, or to add a touch of freshness without overpowering.

background

A gentle and inviting background can be created with #F2D2BD, offering a warm, approachable canvas for content.

text

A rich, dark text color like #5D5D81 or a standard charcoal (#333333) is recommended for readability on lighter shades like #F2D2BD and #A1D2CE. White text (#FFFFFF) works well on #8D6B92 and #5D5D81.

Accessibility notes

  • Ensure sufficient contrast when using #C2B8AA as text on #F2D2BD; it might require larger font sizes or bolder weights.
  • The deep plum #8D6B92 and muted blue-grey #5D5D81 offer good contrast for white text, making them suitable for headings or calls to action.
  • Avoid placing #A1D2CE text on #C2B8AA, as their similar lightness values may lead to poor readability.
  • Always test text contrast ratios for all color pairings to ensure WCAG AA compliance, especially for body text.

Recommended combinations

Vintage Elegance

Creates a sophisticated, nostalgic feel suitable for luxury branding, formal invitations, or elegant web layouts.

#F2D2BD · #8D6B92 · #5D5D81

Soft Contrast

Ideal for clean, airy designs, subtle data visualization, or background accents where a gentle transition is desired.

#C2B8AA · #A1D2CE · #F2D2BD

Diner Charm

Perfect for UI elements, playful illustrations, or branding that aims for a friendly yet refined retro aesthetic.

#5D5D81 · #A1D2CE · #F2D2BD

CSS variables

:root {
  --retro-soda-fountain-1: #F2D2BD;
  --retro-soda-fountain-2: #C2B8AA;
  --retro-soda-fountain-3: #8D6B92;
  --retro-soda-fountain-4: #5D5D81;
  --retro-soda-fountain-5: #A1D2CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-soda-fountain": {
        1: "#F2D2BD",
        2: "#C2B8AA",
        3: "#8D6B92",
        4: "#5D5D81",
        5: "#A1D2CE",
      }
    }
  }
}

Related searches

muted retro color palettevintage 1950s diner colorssoft nostalgic color schemedreamy pastel retro palettesubtle vintage branding colors

Palette colors

Hex values

Color 1#F2D2BD
·
Color 2#C2B8AA
·
Color 3#8D6B92
·
Color 4#5D5D81
·
Color 5#A1D2CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.2:1AA18
4.4:1AA18
1.2:1Fail
2
1.4:1Fail
2.3:1Fail
3.2:1AA18
1.2:1Fail
3
3.2:1AA18
2.3:1Fail
1.4:1Fail
2.7:1Fail
4
4.4:1AA18
3.2:1AA18
1.4:1Fail
3.8:1AA18
5
1.2:1Fail
1.2:1Fail
2.7:1Fail
3.8:1AA18

Similar palettes

More like Retro Soda Fountain

View all pastel
Diner Milkshake Dream
Retro Diner Kitsch
Sunny Day Drive-In
Nostalgic Diner Sweets
Pastel Pantry
Vintage Kitchen Charm