Back to palettes

Palette

Bubblegum Pop Burst

An explosion of cheerful, sugary colors reminiscent of retro bubblegum and pop art.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF006E#FC5C93#FFC0CB#6A057F#A3D8ED

Palette guide

How to use Bubblegum Pop Burst

Overview

The Bubblegum Pop Burst palette is an explosion of cheerful, sugary colors reminiscent of retro bubblegum and pop art. It features #FF006E (bright rose), #FC5C93 (hot pink), #FFC0CB (pale pink), #6A057F (dark violet), and #A3D8ED (light blue). This vibrant and bold collection is perfect for designers and developers aiming to create lively, expressive, and engaging experiences. It's ideal for projects that demand a strong visual presence, evoking a sense of fun, nostalgia, and artistic flair.

Best used for

  • Pop art inspired designs and illustrations
  • Vibrant fashion and youth-focused advertising
  • Energetic digital illustrations and animations
  • Playful stationery and greeting cards
  • Expressive branding and social media campaigns
  • Retro-themed events and party decor

Suggested color roles

primary

Use #FF006E or #FC5C93 for bold, intense focal points or prominent graphic elements, capturing immediate attention.

secondary

Employ #6A057F and #A3D8ED for supporting content, subheadings, or to introduce dynamic, playful contrast.

accent

Apply #FFC0CB for delicate highlights, soft backgrounds, or to add an ethereal, dreamy touch.

background

A soft #FFC0CB provides a gentle base, while #6A057F offers a dramatic backdrop for impactful visuals.

text

Dark grey or charcoal (#333333) is recommended for text on lighter backgrounds. White text works well on #FF006E, #FC5C93, and #6A057F.

Accessibility notes

  • The lightest shades, #FFC0CB and #A3D8ED, will require dark text (charcoal or a deep violet) for sufficient contrast.
  • Ensure #FF006E, #FC5C93, and #6A057F have adequate contrast with white text, especially for smaller font sizes.
  • Avoid using similar bright colors for text and background without careful contrast checking.
  • Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Retro Punch

A bold, vibrant, pop art combination, perfect for dynamic headlines or impactful branding.

#FF006E · #FC5C93 · #6A057F

Sweet Sky

Creates a soft, airy, and cheerful blend, ideal for inviting backgrounds or delicate accents.

#A3D8ED · #FFC0CB · #FC5C93

Deep Pop

Offers dramatic, energetic balance, suitable for striking visuals or feature sections.

#6A057F · #FF006E · #A3D8ED

CSS variables

:root {
  --bubblegum-pop-burst-3-1: #FF006E;
  --bubblegum-pop-burst-3-2: #FC5C93;
  --bubblegum-pop-burst-3-3: #FFC0CB;
  --bubblegum-pop-burst-3-4: #6A057F;
  --bubblegum-pop-burst-3-5: #A3D8ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-burst-3": {
        1: "#FF006E",
        2: "#FC5C93",
        3: "#FFC0CB",
        4: "#6A057F",
        5: "#A3D8ED",
      }
    }
  }
}

Related searches

pop art color schemeretro bubblegum palettevibrant pink bluebold candy colorsfun expressive design

Palette colors

Hex values

Color 1#FF006E
·
Color 2#FC5C93
·
Color 3#FFC0CB
·
Color 4#6A057F
·
Color 5#A3D8ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.5:1Fail
2.8:1Fail
2.5:1Fail
2
1.3:1Fail
1.9:1Fail
3.7:1AA18
1.9:1Fail
3
2.5:1Fail
1.9:1Fail
7:1AAA
1:1Fail
4
2.8:1Fail
3.7:1AA18
7:1AAA
7:1AAA
5
2.5:1Fail
1.9:1Fail
1:1Fail
7:1AAA

Similar palettes

More like Bubblegum Pop Burst

View all vibrant
Bubblegum Pop
Candy Block Fun
Candy Carnival Swirl
Candy Pop Burst
Candy Rainbow Burst
Carnival Merry-Go-Round