Back to palettes

Palette

Retro Soda Jerk

Whimsical 1950s inspired shades, reminiscent of a bustling soda fountain and cheerful checkered floors.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EF798A#F7A8B8#D8D2BA#636F5A#C8C29D

Palette guide

How to use Retro Soda Jerk

Overview

The Retro Soda Jerk palette delivers a whimsical collection of 1950s-inspired shades, perfect for designs that aim to be playful and inviting. Featuring a bright coral #EF798A, a softer blush pink #F7A8B8, a versatile khaki #D8D2BA, a deep olive green #636F5A, and a warm cream #C8C29D, this palette captures the cheerful atmosphere of a bustling soda fountain. Designers can leverage these hues for charming branding, engaging digital content, or nostalgic print materials. Developers will find these hex codes lend themselves well to creating a consistent, approachable, and fun user experience.

Best used for

  • Playful cafe or diner branding
  • Children's apparel or toy design
  • Food packaging with a vintage twist
  • Interactive storybook apps
  • Social media graphics for cheerful brands
  • Retro-themed event promotion

Suggested color roles

primary

The bright coral, #EF798A, serves as an energetic focal point for calls to action, main headers, or key graphical elements.

secondary

The deep olive green, #636F5A, offers a grounding contrast, perfect for navigation, secondary text, or foundational design elements.

accent

The soft blush pink, #F7A8B8, provides a gentle highlight for decorative elements, hover states, or subtle background textures.

background

The warm cream, #C8C29D, creates a welcoming and neutral base, allowing the brighter colors to pop while maintaining a vintage feel.

text

A dark, legible color like #636F5A or a standard black (#000000) should be used for text on lighter backgrounds such as #D8D2BA or #C8C29D. White text (#FFFFFF) works well on #636F5A.

Accessibility notes

  • Ensure sufficient contrast between #F7A8B8 and #D8D2BA if used for text; their proximity in lightness might cause readability issues.
  • Text in #636F5A on a background of #C8C29D or #D8D2BA should provide good readability, meeting WCAG AA standards.
  • The bright #EF798A may require careful pairing for text; using a dark contrasting color or white for large text is advisable.
  • Always test all color combinations for contrast ratios, especially for critical information and interactive elements.

Recommended combinations

Vintage Charm

Ideal for vibrant branding, eye-catching posters, or digital interfaces that need a playful yet grounded retro look.

#EF798A · #636F5A · #D8D2BA

Soft & Sweet

Perfect for confectionery packaging, lighthearted social media content, or feminine-leaning retro designs.

#F7A8B8 · #C8C29D · #EF798A

Earthy Pop

Great for creating a balanced, approachable design with a touch of vintage playfulness, suitable for web backgrounds or illustrations.

#636F5A · #C8C29D · #F7A8B8

CSS variables

:root {
  --retro-soda-jerk-1: #EF798A;
  --retro-soda-jerk-2: #F7A8B8;
  --retro-soda-jerk-3: #D8D2BA;
  --retro-soda-jerk-4: #636F5A;
  --retro-soda-jerk-5: #C8C29D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-soda-jerk": {
        1: "#EF798A",
        2: "#F7A8B8",
        3: "#D8D2BA",
        4: "#636F5A",
        5: "#C8C29D",
      }
    }
  }
}

Related searches

1950s soda fountain colorsplayful retro pastel palettevintage diner color schememid-century modern colors playfulretro food branding palette

Palette colors

Hex values

Color 1#EF798A
·
Color 2#F7A8B8
·
Color 3#D8D2BA
·
Color 4#636F5A
·
Color 5#C8C29D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
2:1Fail
1.5:1Fail
2
1.4:1Fail
1.2:1Fail
2.8:1Fail
1:1Fail
3
1.8:1Fail
1.2:1Fail
3.5:1AA18
1.2:1Fail
4
2:1Fail
2.8:1Fail
3.5:1AA18
3:1Fail
5
1.5:1Fail
1:1Fail
1.2:1Fail
3:1Fail

Similar palettes

More like Retro Soda Jerk

View all vibrant
Atomic Diner Swirl
Bubblegum Pop Blast
Bubblegum Pop Burst
Bubblegum Pop Zing
Bubblegum Pop Zing
Carnival Carousel Fun