Back to palettes

Palette

Bubblegum Pop

A blast of sweet, contrasting colors, like a vibrant mix of childhood candies and playful adventures.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFD700#FF4500#1E90FF#BA55D3

Palette guide

How to use Bubblegum Pop

Overview

The Bubblegum Pop palette is a blast of sweet, contrasting colors, reminiscent of a vibrant mix of childhood candies and playful adventures. This bold collection features the soft pink of #FFC0CB, the bright gold of #FFD700, the fiery red-orange of #FF4500, the dynamic dodger blue of #1E90FF, and the whimsical medium orchid of #BA55D3. It's an excellent choice for designers aiming to create energetic, fun, and eye-catching visuals. The strong contrasts and playful hues make it ideal for projects that need to stand out and evoke a sense of joyful, carefree excitement.

Best used for

  • Children's entertainment branding
  • Fun mobile app interfaces and games
  • Lively event promotions and posters
  • Toy packaging and product design
  • Vibrant digital advertisements
  • Playful fashion accessories and apparel

Suggested color roles

primary

Use #1E90FF as a dynamic and strong primary color, providing a reliable and clear foundation for the design.

secondary

Apply #FF4500 as a bold, high-energy secondary color, perfect for grabbing attention and creating striking contrasts.

accent

Introduce #FFD700 as a bright and cheerful accent, ideal for highlights, calls to action, or decorative elements.

background

Utilize #FFC0CB as a soft and gentle pink base, allowing the more vibrant colors to pop without being overwhelming.

text

For headlines, #1E90FF offers a strong presence. For body text, a dark neutral like black or charcoal is essential for optimal readability.

Accessibility notes

  • Ensure strong contrast for text, especially when using #FFD700 (gold) or #FFC0CB (pink) as backgrounds for information.
  • The bold colors like #FF4500 and #1E90FF generally offer good contrast against lighter backgrounds for text.
  • Be cautious with pairing #FF4500 (red-orange) and #FFD700 (gold) for text, as they might not meet contrast requirements for smaller fonts.
  • Provide alternative text for color-coded information to support users with color vision deficiencies and ensure clarity.

Recommended combinations

Playful Blast

Excellent for interactive elements, prominent calls to action, or energetic hero sections in web design.

#1E90FF · #FF4500 · #FFD700

Candy Contrast

Great for whimsical patterns, soft, playful illustrations, or decorative background elements.

#FFC0CB · #BA55D3 · #FFD700

Bold Fun

Use for striking graphics, game interfaces, or designs that require a high level of visual energy.

#FF4500 · #1E90FF · #BA55D3

CSS variables

:root {
  --bubblegum-pop-1: #FFC0CB;
  --bubblegum-pop-2: #FFD700;
  --bubblegum-pop-3: #FF4500;
  --bubblegum-pop-4: #1E90FF;
  --bubblegum-pop-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop": {
        1: "#FFC0CB",
        2: "#FFD700",
        3: "#FF4500",
        4: "#1E90FF",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

bold candy colorsplayful contrasting palettevibrant childhood themefun app design colorsbright pop art scheme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFD700
·
Color 3#FF4500
·
Color 4#1E90FF
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.2:1Fail
2.1:1Fail
2.6:1Fail
2
1.1:1Fail
2.5:1Fail
2.3:1Fail
2.8:1Fail
3
2.2:1Fail
2.5:1Fail
1.1:1Fail
1.1:1Fail
4
2.1:1Fail
2.3:1Fail
1.1:1Fail
1.2:1Fail
5
2.6:1Fail
2.8:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Bubblegum Pop

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