Back to palettes

Palette

Bubblegum Soda Pop

A fizzy, sugary concoction of a bygone era, bringing back sweet childhood memories.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDD9E4#A2D2FF#B0E0E6#D8BFD8#FADFDF

Palette guide

How to use Bubblegum Soda Pop

Overview

The Bubblegum Soda Pop palette is a fizzy, sugary concoction reminiscent of a bygone era, bringing back sweet childhood memories. This pastel collection features the gentle pink of #FDD9E4, the soft blue of #A2D2FF, the subtle powder blue of #B0E0E6, and the delicate light lavender of #D8BFD8, grounded by the very light pink of #FADFDF. It's an ideal choice for designers aiming to create nostalgic, playful, and inviting visuals. The palette's soft and harmonious blend of pinks, blues, and purples evokes a sense of vintage charm and lighthearted sweetness, perfect for charming and memorable designs.

Best used for

  • Retro sweet shop branding and packaging
  • Vintage-inspired fashion and accessories
  • Baby shower invitations and decor
  • Playful stationery and greeting cards
  • Delicate children's room decor
  • Nostalgic digital art and illustrations

Suggested color roles

primary

Use #A2D2FF as a soft and refreshing primary color, providing a calming and foundational element for the design.

secondary

Apply #FDD9E4 as a gentle and sweet secondary color, ideal for supportive elements or charming accents.

accent

Introduce #D8BFD8 as a light, whimsical lavender accent, perfect for adding a subtle touch of elegance.

background

Utilize #FADFDF as a very light, airy pink background, creating a soft and clean canvas for other elements.

text

For headlines, #A2D2FF offers a soft touch. For body text, a medium grey or charcoal is essential for optimal readability against light backgrounds.

Accessibility notes

  • This palette is very light; use a darker text color (e.g., charcoal, dark blue) for all body text to ensure readability on backgrounds.
  • Avoid using lighter colors like #FDD9E4 or #FADFDF for small text or essential information due to potential low contrast.
  • Always use a darker shade, such as a deep charcoal or navy, for body text to meet WCAG AA standards for readability.
  • Consider using outlines or strong visual cues to differentiate interactive elements if color contrast is inherently low.

Recommended combinations

Fizzy Delight

Ideal for soft header banners, nostalgic illustrations, or gentle UI elements with a retro feel.

#A2D2FF · #FDD9E4 · #D8BFD8

Sweet Memories

Great for subtle background patterns, serene website sections, or delicate branding elements.

#FADFDF · #B0E0E6 · #A2D2FF

Retro Charm

Perfect for playful accents, decorative elements, or adding a whimsical touch to packaging.

#D8BFD8 · #FDD9E4 · #B0E0E6

CSS variables

:root {
  --bubblegum-soda-pop-1: #FDD9E4;
  --bubblegum-soda-pop-2: #A2D2FF;
  --bubblegum-soda-pop-3: #B0E0E6;
  --bubblegum-soda-pop-4: #D8BFD8;
  --bubblegum-soda-pop-5: #FADFDF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-soda-pop": {
        1: "#FDD9E4",
        2: "#A2D2FF",
        3: "#B0E0E6",
        4: "#D8BFD8",
        5: "#FADFDF",
      }
    }
  }
}

Related searches

pastel retro palettefizzy candy colorssweet childhood designlight pink blue schemenostalgic brand colors

Palette colors

Hex values

Color 1#FDD9E4
·
Color 2#A2D2FF
·
Color 3#B0E0E6
·
Color 4#D8BFD8
·
Color 5#FADFDF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.3:1Fail
1:1Fail
2
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
3
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
4
1.3:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
5
1:1Fail
1.3:1Fail
1.1:1Fail
1.3:1Fail

Similar palettes

More like Bubblegum Soda Pop

View all pastel
Bubblegum Carnival Pop
Sugar Cloud Dreams
Bubblegum Pop Burst
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Cloud