Back to palettes

Palette

Bubblegum Pop Blast

A sweet and playful burst of retro pinks, like a fizzy bubblegum from another era.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD3E5#F78DA7#D63E6F#A0214C#6E1135

Palette guide

How to use Bubblegum Pop Blast

Overview

The Bubblegum Pop Blast palette is a sweet and playful burst of retro pinks, like a fizzy bubblegum from another era. It features #FFD3E5 (pale pink), #F78DA7 (light rose), #D63E6F (raspberry pink), #A0214C (deep berry), and #6E1135 (dark maroon). This vibrant yet sophisticated collection is perfect for designers and developers aiming to create nostalgic, feminine, and engaging experiences. It's ideal for projects that blend vintage charm with a modern, playful twist, evoking a sense of elegant sweetness.

Best used for

  • Vintage-inspired fashion and beauty brands
  • Feminine branding and luxury confectionery
  • Romantic themes and wedding stationery
  • Nostalgic designs and retro advertising
  • Beauty product packaging and cosmetics
  • Social media campaigns with a sweet, refined touch

Suggested color roles

primary

Use #D63E6F for rich, vibrant focal points or larger content blocks, conveying sophisticated playfulness.

secondary

Employ #F78DA7 and #A0214C for supporting content, subheadings, or to create elegant gradients and depth.

accent

Apply #FFD3E5 for delicate highlights or soft background areas, and #6E1135 for deep, dramatic accents.

background

A soft #FFD3E5 provides a delicate, inviting base, while #6E1135 offers a luxurious, dramatic backdrop.

text

Dark grey or charcoal (#333333) is recommended for text on lighter pinks. White text works beautifully on #D63E6F, #A0214C, and #6E1135.

Accessibility notes

  • The lightest pinks, #FFD3E5 and #F78DA7, require dark text (charcoal or deep berry) for sufficient contrast.
  • Deeper pinks like #D63E6F, #A0214C, and #6E1135 offer good contrast with white text.
  • Ensure sufficient contrast for all text, especially when using mid-tones for backgrounds or text.
  • Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Retro Blush

Creates a soft-to-vibrant gradient, perfect for feminine branding or elegant transitions.

#FFD3E5 · #F78DA7 · #D63E6F

Deep Bloom

Offers a rich, luxurious, and dramatic combination, ideal for impactful headers or feature sections.

#A0214C · #6E1135 · #D63E6F

Sweet Burst

An energetic, inviting, and balanced trio, suitable for calls to action or playful graphic elements.

#F78DA7 · #D63E6F · #A0214C

CSS variables

:root {
  --bubblegum-pop-blast-1: #FFD3E5;
  --bubblegum-pop-blast-2: #F78DA7;
  --bubblegum-pop-blast-3: #D63E6F;
  --bubblegum-pop-blast-4: #A0214C;
  --bubblegum-pop-blast-5: #6E1135;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-blast": {
        1: "#FFD3E5",
        2: "#F78DA7",
        3: "#D63E6F",
        4: "#A0214C",
        5: "#6E1135",
      }
    }
  }
}

Related searches

retro pink palettesweet bubblegum colorsfeminine brand schemevintage candy huesvibrant pink gradient

Palette colors

Hex values

Color 1#FFD3E5
·
Color 2#F78DA7
·
Color 3#D63E6F
·
Color 4#A0214C
·
Color 5#6E1135
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
5.6:1AA
8.7:1AAA
2
1.7:1Fail
2:1Fail
3.3:1AA18
5.2:1AA
3
3.3:1AA18
2:1Fail
1.7:1Fail
2.7:1Fail
4
5.6:1AA
3.3:1AA18
1.7:1Fail
1.6:1Fail
5
8.7:1AAA
5.2:1AA
2.7:1Fail
1.6:1Fail

Similar palettes

More like Bubblegum Pop Blast

View all vibrant
Bubblegum Pop Zing
Bubblegum Pop Burst
Bubblegum Pop Zing
Gumball Machine Gleam
Jelly Bean Jamboree
Playful Candy Stripes