Back to palettes

Palette

Sweet Bubblegum Burst

A burst of sugary pinks and purples, as fun and lively as bubblegum popping with energy.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#FF69B4#FF1493#8A2BE2#BA55D3

Palette guide

How to use Sweet Bubblegum Burst

Overview

The "Sweet Bubblegum Burst" palette delivers an energetic and playful burst of sugary pinks and vibrant purples, as fun and lively as bubblegum itself. With intense colors like the striking #FF1493, the bold #8A2BE2, and the lively #FF69B4, this palette is designed to grab attention and evoke a sense of youthful exuberance. Designers and developers can utilize this dynamic range to create engaging interfaces, exciting branding, and spirited digital content that resonates with a playful and energetic audience, ensuring a memorable visual experience.

Best used for

  • Youth-oriented brand identities
  • Candy and sweet product packaging
  • Playful mobile app designs
  • Party invitations and event branding
  • Creative portfolios and digital art
  • Fashion and beauty for a young demographic

Suggested color roles

primary

Use #FF1493 for high-impact calls to action, main headlines, or to establish a vibrant focal point.

secondary

Apply #8A2BE2 for strong supporting elements, navigation, or as a contrasting yet complementary anchor.

accent

Employ #FFB6C1 for subtle highlights, interactive states, or to soften vibrant areas with a delicate touch.

background

Utilize #FFB6C1 as a cheerful and inviting background, allowing the bolder colors to pop.

text

For optimal readability, use a dark neutral like charcoal or black. #FF1493 or #8A2BE2 also work well for text on #FFB6C1.

Accessibility notes

  • Ensure strong contrast between #FF1493 or #8A2BE2 and lighter backgrounds like #FFB6C1 for text.
  • Avoid using #FFB6C1 for small text on similarly light backgrounds to prevent readability issues.
  • Consider large font sizes or bolding when using #FF69B4 for text, especially on mid-tone backgrounds.
  • Check contrast ratios for all color pairings, particularly for interactive elements and crucial information.

Recommended combinations

Vibrant Pop

Creates an exciting and dynamic look, perfect for hero sections or prominent calls to action.

#FF1493 · #8A2BE2 · #FFB6C1

Pink Gradient

Ideal for backgrounds, illustrations, or UI elements that require a smooth, energetic flow.

#FFB6C1 · #FF69B4 · #FF1493

Purple Punch

Provides a powerful and playful combination, suitable for impactful graphics or branding.

#BA55D3 · #8A2BE2 · #FF1493

CSS variables

:root {
  --sweet-bubblegum-burst-1: #FFB6C1;
  --sweet-bubblegum-burst-2: #FF69B4;
  --sweet-bubblegum-burst-3: #FF1493;
  --sweet-bubblegum-burst-4: #8A2BE2;
  --sweet-bubblegum-burst-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-bubblegum-burst": {
        1: "#FFB6C1",
        2: "#FF69B4",
        3: "#FF1493",
        4: "#8A2BE2",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

vibrant pink purple palettebubblegum color schemeplayful candy colorsbold fuchsia purpleyouthful design palette

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FF69B4
·
Color 3#FF1493
·
Color 4#8A2BE2
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3.6:1AA18
2.4:1Fail
2
1.6:1Fail
1.4:1Fail
2.3:1Fail
1.5:1Fail
3
2.2:1Fail
1.4:1Fail
1.6:1Fail
1.1:1Fail
4
3.6:1AA18
2.3:1Fail
1.6:1Fail
1.5:1Fail
5
2.4:1Fail
1.5:1Fail
1.1:1Fail
1.5:1Fail

Similar palettes

More like Sweet Bubblegum Burst

View all vibrant
Playful Candy Stripes
Bubblegum Pop Blast
Bubblegum Pop Zing
Gumball Machine Gleam
Gummy Bear Blast
Jelly Bean Jamboree