Palette

Vintage Soda Fountain

A charming palette reminiscent of a classic 1950s soda fountain with a playful, bright twist.

vibrantretro5 colors

More vibrant 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

#ADD8E6#FFB6C1#F0FFF0#B0E0E6#DC143C

Palette guide

How to use Vintage Soda Fountain

Overview

The Vintage Soda Fountain palette is a charming and playful collection, perfectly capturing the sweet nostalgia of a 1950s diner with a vibrant twist. It features a delightful spectrum of cool blues and warm pinks, including the airy #ADD8E6 and #B0E0E6, ideal for refreshing backgrounds. The soft #FFB6C1 adds a touch of sweetness, contrasted by the bold, impactful #DC143C red, reminiscent of cherry cola. A crisp, near-white #F0FFF0 provides a clean canvas. Designers can leverage this palette to create cheerful branding, whimsical web interfaces, or engaging illustrations that evoke a sense of playful retro charm and inviting warmth.

Best used for

Retro cafe or dessert shop branding
Children's toy packaging
Vintage-inspired fashion accessories
Playful app UI/UX
Event invitations (baby showers, birthdays)
Summer-themed marketing materials

Suggested color roles

primary

A bold, vibrant red like #DC143C, reminiscent of cherry cola, perfect for strong calls-to-action, logos, or focal points.

secondary

A soft, sweet pink like #FFB6C1, excellent for secondary elements, subtle backgrounds, or decorative details.

accent

A light, refreshing blue like #ADD8E6, offering a cool contrast and suitable for highlights, icons, or graphical flourishes.

background

A very light, almost off-white like #F0FFF0, providing a clean, airy, and slightly cool canvas for the other colors.

text

Use the bold #DC143C for prominent headings. For body text, a dark charcoal or black ensures optimal readability against the #F0FFF0 background.

Accessibility notes

Ensure strong contrast for text, using #DC143C or black on #F0FFF0 for readability.
Avoid using #FFB6C1 or #ADD8E6 for body text on #F0FFF0 backgrounds due to low contrast.
For interactive elements, provide clear visual feedback for states beyond just color changes.
Test color combinations for legibility, especially for users with color vision deficiencies, given the similar light tones.

Recommended combinations

Cherry Pop

Clean background with a vibrant red accent and a cool blue highlight for a crisp, energetic look.

#F0FFF0 · #DC143C · #ADD8E6

Sweet & Cool

Soft, harmonious background and mid-tones for delicate illustrations or subtle UI elements.

#F0FFF0 · #FFB6C1 · #B0E0E6

Retro Bold

Light blue background with bold red and soft pink for a playful, eye-catching design.

#ADD8E6 · #DC143C · #FFB6C1

CSS variables

:root {
  --vintage-soda-fountain-2-1: #ADD8E6;
  --vintage-soda-fountain-2-2: #FFB6C1;
  --vintage-soda-fountain-2-3: #F0FFF0;
  --vintage-soda-fountain-2-4: #B0E0E6;
  --vintage-soda-fountain-2-5: #DC143C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-soda-fountain-2": {
        1: "#ADD8E6",
        2: "#FFB6C1",
        3: "#F0FFF0",
        4: "#B0E0E6",
        5: "#DC143C",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#FFB6C1

Color 3#F0FFF0

Color 4#B0E0E6

Color 5#DC143C

Accessibility

Contrast checker

1.1:1Fail

1.5:1Fail

1.1:1Fail

3.3:1AA18

1.1:1Fail

1.6:1Fail

1.2:1Fail

3:1AA18

1.5:1Fail

1.6:1Fail

1.4:1Fail

4.8:1AA

1.1:1Fail

1.2:1Fail

1.4:1Fail

3.5:1AA18

3.3:1AA18

3:1AA18

4.8:1AA

3.5:1AA18

Similar palettes

More like Vintage Soda Fountain

Vintage Soda Fountain

See it in context.

Ready when you are.

Built with Vintage Soda Fountain.

How to use Vintage Soda Fountain

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cherry Pop

Sweet & Cool

Retro Bold

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Vintage Soda Fountain