Back to palettes

Palette

Bubblegum Alley

A fun and sweet mix of bubblegum pinks and playful purples, bursting with youthful cheerfulness.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFB6C1#FF69B4#DA70D6#8A2BE2

Palette guide

How to use Bubblegum Alley

Overview

The Bubblegum Alley palette is a fun and sweet mix of bubblegum pinks and playful purples, bursting with youthful cheerfulness. It includes #FFC0CB (pale pink), #FFB6C1 (light pink), #FF69B4 (hot pink), #DA70D6 (orchid purple), and #8A2BE2 (blue violet). This vibrant collection is perfect for designers and developers aiming to create energetic, whimsical, and memorable experiences. It evokes a sense of nostalgia and playful innocence, making it ideal for projects targeting a youthful or lighthearted audience.

Best used for

  • Youth brands and teen fashion
  • Confectionery packaging and sweet shop branding
  • Playful stationery and greeting cards
  • Party invitations and event decor
  • Social media graphics and digital campaigns
  • Creative digital art and illustrations

Suggested color roles

primary

Use #FF69B4 for high-impact calls to action or focal points, capturing attention with its classic bubblegum vibrancy.

secondary

Employ #DA70D6 and #FFC0CB for supporting content, subheadings, or to create soft, inviting sections.

accent

Apply #8A2BE2 for a deep, rich contrast, adding sophistication, and #FFB6C1 for subtle, harmonious transitions.

background

A soft #FFC0CB or #FFB6C1 provides a sweet, delicate base, allowing the brighter pinks and purples to pop.

text

Dark grey or charcoal (#333333) is recommended for text on lighter pinks. White text works well on #FF69B4, #DA70D6, and #8A2BE2.

Accessibility notes

  • Lighter pinks like #FFC0CB and #FFB6C1 require dark text for sufficient contrast and readability.
  • Ensure #FF69B4 and #DA70D6 have adequate contrast with white text, especially for smaller font sizes.
  • The deep #8A2BE2 provides excellent contrast for white text, suitable for important information.
  • Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Sweet Graffiti

A bold, vibrant, and playful combination, perfect for dynamic headers or impactful graphics.

#FF69B4 · #DA70D6 · #8A2BE2

Pastel Pop

Creates a soft, cheerful, and harmonious blend, ideal for inviting backgrounds or delicate branding.

#FFC0CB · #FFB6C1 · #FF69B4

Violet Twist

Offers a deep, energetic contrast, suitable for sophisticated accents or feature sections.

#8A2BE2 · #FF69B4 · #DA70D6

CSS variables

:root {
  --bubblegum-alley-1: #FFC0CB;
  --bubblegum-alley-2: #FFB6C1;
  --bubblegum-alley-3: #FF69B4;
  --bubblegum-alley-4: #DA70D6;
  --bubblegum-alley-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-alley": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FF69B4",
        4: "#DA70D6",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

bubblegum pink paletteplayful purple colorssweet candy schemevibrant youth brandingfun feminine colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#FF69B4
·
Color 4#DA70D6
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.9:1Fail
3.9:1AA18
2
1.1:1Fail
1.6:1Fail
1.7:1Fail
3.6:1AA18
3
1.7:1Fail
1.6:1Fail
1.1:1Fail
2.3:1Fail
4
1.9:1Fail
1.7:1Fail
1.1:1Fail
2.1:1Fail
5
3.9:1AA18
3.6:1AA18
2.3:1Fail
2.1:1Fail

Similar palettes

More like Bubblegum Alley

View all vibrant
Juicy Berry Burst
Sweet Berrylicious Treat
Berry Patch Delight
Playful Candy Stripes
Summer Berry Tart
Sweet Bubblegum Burst