Back to palettes

Palette

Soda Pop Dream

A nostalgic palette capturing the vibrant energy and classic charm 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 Soda Pop Dream 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 Soda Pop Dream.

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

Data visualization

#EFEDDC#B6D9D0#7AC3C1#C70039#2C2C2C

Palette guide

How to use Soda Pop Dream

Overview

The Soda Pop Dream palette evokes a delightful sense of 1950s nostalgia with its charming blend of muted teals, creamy neutrals, and a striking, bold red. Featuring the soft #EFEDDC and calming #B6D9D0, transitioning to the vibrant #7AC3C1, all punctuated by the energetic #C70039 and deep #2C2C2C, this scheme is perfect for designers and developers seeking a retro yet refined aesthetic. It's ideal for crafting engaging user interfaces, distinctive branding, and whimsical digital experiences that convey a playful optimism. This palette’s balance of subdued and vivid tones ensures versatility and strong visual appeal.

Best used for

  • Retro-themed websites and branding
  • Vintage-inspired cafes or restaurants
  • Creative portfolios with a unique flair
  • Children's book illustrations or game design
  • Event promotions with a nostalgic touch
  • Apparel design with a timeless, playful look

Suggested color roles

primary

Use #2C2C2C as a strong, grounding color for headers, important text, or dark backgrounds, providing a sophisticated anchor.

secondary

Apply #EFEDDC for clean, expansive backgrounds or main content areas, offering a soft, inviting canvas.

accent

Incorporate #C70039 for high-impact call-to-action buttons, alerts, or decorative elements, drawing immediate attention.

background

Utilize #EFEDDC for a warm, creamy base, or #B6D9D0 for a slightly cooler, calming background.

text

For light backgrounds, #2C2C2C or black ensures excellent readability. For dark backgrounds, #EFEDDC or white provides clear text.

Accessibility notes

  • Ensure #2C2C2C text on #EFEDDC or #B6D9D0 backgrounds meets WCAG AAA standards.
  • The vibrant #C70039 should be used carefully for text; prefer it for larger elements or use #EFEDDC as text color on it.
  • Avoid pairing #B6D9D0 with #EFEDDC for text unless it's purely decorative and large, due to low contrast.
  • When using #7AC3C1 as a background, ensure text is either #2C2C2C or #EFEDDC for optimal readability.

Recommended combinations

Retro Pop

A lively retro combination: #EFEDDC as a creamy base, #C70039 for dynamic accents, and #7AC3C1 for cool, balancing elements.

#EFEDDC · #C70039 · #7AC3C1

Teal Depth

Create a sophisticated, layered teal look: #B6D9D0 as a soft background, #7AC3C1 for prominent elements, and #2C2C2C for text.

#B6D9D0 · #7AC3C1 · #2C2C2C

Vintage Contrast

Effective for strong statements: #2C2C2C for a dark background, #EFEDDC for clean text, and #C70039 for critical calls-to-action.

#2C2C2C · #EFEDDC · #C70039

CSS variables

:root {
  --soda-pop-dream-1: #EFEDDC;
  --soda-pop-dream-2: #B6D9D0;
  --soda-pop-dream-3: #7AC3C1;
  --soda-pop-dream-4: #C70039;
  --soda-pop-dream-5: #2C2C2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soda-pop-dream": {
        1: "#EFEDDC",
        2: "#B6D9D0",
        3: "#7AC3C1",
        4: "#C70039",
        5: "#2C2C2C",
      }
    }
  }
}

Related searches

soda shop color palettevintage teal red scheme1950s retro UI colorsplayful nostalgic palettemid-century modern colors

Palette colors

Hex values

Color 1#EFEDDC
·
Color 2#B6D9D0
·
Color 3#7AC3C1
·
Color 4#C70039
·
Color 5#2C2C2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
5.1:1AA
11.8:1AAA
2
1.3:1Fail
1.3:1Fail
4:1AA18
9.2:1AAA
3
1.7:1Fail
1.3:1Fail
3:1Fail
6.9:1AA
4
5.1:1AA
4:1AA18
3:1Fail
2.3:1Fail
5
11.8:1AAA
9.2:1AAA
6.9:1AA
2.3:1Fail

Similar palettes

More like Soda Pop Dream

View all retro
Chrome Soda Fountain
Diner Booth Nostalgia
Juke Joint Jive
Jukebox Diner Hues
Malt Shop Nostalgia
Retro Diner Blues