Back to palettes

Palette

Soda Fountain Pop

Bright, contrasting colors inspired by the playful and optimistic vibe of a 1950s soda fountain.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0066#00FFCC#FFD700#FFFFFF#2C3E50

Palette guide

How to use Soda Fountain Pop

Overview

The Soda Fountain Pop palette (version 3) is a vibrant, high-energy scheme that captures the playful optimism of a 1950s soda fountain with a modern, pop-art twist. Featuring electric pink #FF0066, vivid teal #00FFCC, brilliant gold #FFD700, crisp #FFFFFF, and a deep, grounding #2C3E50, this palette is designed for maximum visual impact. Designers and developers can use these bold, contrasting colors to create dynamic user interfaces, striking branding, and energetic digital experiences that demand attention. It’s perfect for projects aiming for a fun, retro-futuristic aesthetic with a strong, memorable personality.

Best used for

  • Pop art-inspired graphic design
  • Youth-oriented brand identities and marketing
  • Interactive entertainment websites and apps
  • Vibrant event posters and promotional materials
  • Modern retro fashion or product lines
  • Digital campaigns needing high energy and contrast

Suggested color roles

primary

Use #2C3E50 as a deep, anchoring background or for foundational elements, providing a sophisticated contrast.

secondary

Apply #FFFFFF for clean content areas, text, or as a vibrant separator, offering crispness.

accent

Incorporate #FF0066, #00FFCC, or #FFD700 strategically for impactful call-to-action buttons, highlights, or decorative flair.

background

Utilize #FFFFFF for a bright, clean canvas, or #2C3E50 for a dramatic, high-contrast dark mode foundation.

text

On light backgrounds, #2C3E50 provides excellent contrast. On dark backgrounds, #FFFFFF or #FFD700 ensures readability.

Accessibility notes

  • Ensure #2C3E50 text on #FFFFFF background meets WCAG AAA. Similarly, #FFFFFF text on #2C3E50 is highly accessible.
  • Vibrant colors like #FF0066, #00FFCC, and #FFD700 may require careful contrast checks when used for text on certain backgrounds.
  • Always use #FFFFFF for text on #FF0066, #00FFCC, or #FFD700 when possible, or ensure very dark text for readability.
  • Consider using the vibrant colors primarily for larger elements, icons, or decorative accents rather than body text.

Recommended combinations

Pop Art Punch

Create a bold, artistic statement: #2C3E50 as a dark base, #FFD700 for key elements, and #FF0066 for dynamic accents.

#2C3E50 · #FFD700 · #FF0066

Energetic Contrast

Ideal for lively interfaces: #FFFFFF as a clean background, #00FFCC for primary elements, and #FF0066 for striking highlights.

#FFFFFF · #00FFCC · #FF0066

Retro Futuristic

Evoke a vintage tech feel: #FFD700 as a prominent color, #2C3E50 for depth, and #00FFCC for glowing interactive elements.

#FFD700 · #2C3E50 · #00FFCC

CSS variables

:root {
  --soda-fountain-pop-3-1: #FF0066;
  --soda-fountain-pop-3-2: #00FFCC;
  --soda-fountain-pop-3-3: #FFD700;
  --soda-fountain-pop-3-4: #FFFFFF;
  --soda-fountain-pop-3-5: #2C3E50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soda-fountain-pop-3": {
        1: "#FF0066",
        2: "#00FFCC",
        3: "#FFD700",
        4: "#FFFFFF",
        5: "#2C3E50",
      }
    }
  }
}

Related searches

vibrant retro color schemepop art color paletteenergetic UI colors50s bright palettehigh contrast web design

Palette colors

Hex values

Color 1#FF0066
·
Color 2#00FFCC
·
Color 3#FFD700
·
Color 4#FFFFFF
·
Color 5#2C3E50
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1Fail
2.8:1Fail
3.9:1AA18
2.8:1Fail
2
3:1Fail
1.1:1Fail
1.3:1Fail
8.5:1AAA
3
2.8:1Fail
1.1:1Fail
1.4:1Fail
7.8:1AAA
4
3.9:1AA18
1.3:1Fail
1.4:1Fail
11:1AAA
5
2.8:1Fail
8.5:1AAA
7.8:1AAA
11:1AAA

Similar palettes

More like Soda Fountain Pop

View all vibrant
Diner Jukebox Gleam
Bright Carnival Spin
Bright Fairground Lights
Carnival Bright Spark
Carnival Carousel Fun
Carnival Confetti Blast