Back to palettes

Palette

Sweet Gumball Pop

Bright, cheerful pinks and lighter shades evoke the whimsical joy of bubblegum and sweet treats.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FF8ED0#FFC0E6#FFDFF6#FFF4FA

Palette guide

How to use Sweet Gumball Pop

Overview

The "Sweet Gumball Pop" palette is a vibrant and cheerful collection of pinks, designed to evoke a sense of playful joy and sweetness. Ranging from a lively hot pink (#FF69B4) to a delicate, almost white blush (#FFF4FA), this gradient includes shades like #FF8ED0, #FFC0E6, and #FFDFF6. This palette is excellent for projects that aim to be energetic, fun, and distinctly feminine. Designers can utilize these hues to create engaging user interfaces, playful branding, or eye-catching digital illustrations, ensuring a consistent and delightful visual experience that captures the essence of bubblegum and sweet treats.

Best used for

  • Youth-focused fashion brands
  • Candy store websites or packaging
  • Teen lifestyle blogs
  • Fun mobile game interfaces
  • Party planning and event branding
  • Cosmetics and beauty product marketing

Suggested color roles

primary

Employ #FF69B4 (Hot Pink) as a dominant color for impactful headlines, call-to-action buttons, or brand logos.

secondary

Use #FF8ED0 (Medium Pink) for subheadings, secondary buttons, or larger graphical elements to soften the primary hue.

accent

Apply #FFC0E6 (Light Pink) for decorative details, hover states, or subtle background patterns to add depth.

background

Utilize #FFF4FA (Near White Pink) as a clean, airy backdrop that allows other colors to pop while maintaining warmth.

text

For body text, a dark grey or black (e.g., #333333) will provide the best readability against these light pink backgrounds. #FF69B4 can be used for large, bold headings.

Accessibility notes

  • Ensure high contrast when pairing text with backgrounds, especially with lighter shades like #FFF4FA; dark text is crucial.
  • Avoid using adjacent light pinks (e.g., #FFDFF6 and #FFF4FA) for interactive elements to prevent confusion for color-blind users.
  • The vibrant #FF69B4 should be used carefully for large blocks of text to prevent visual fatigue; best for accents.
  • Always test text legibility on different screen types and lighting conditions, as pinks can sometimes appear less distinct.

Recommended combinations

Bold & Bright

Creates a strong, energetic look for headers and main content areas, with the lightest pink as a clear background.

#FF69B4 · #FF8ED0 · #FFF4FA

Soft Gradient

Ideal for subtle gradients in backgrounds or UI elements, offering a gentle transition for a softer aesthetic.

#FFDFF6 · #FFC0E6 · #FF8ED0

Highlight Pop

Use the lightest color as a base, with #FF69B4 for key calls-to-action and #FFC0E6 for supporting details.

#FFF4FA · #FF69B4 · #FFC0E6

CSS variables

:root {
  --sweet-gumball-pop-1: #FF69B4;
  --sweet-gumball-pop-2: #FF8ED0;
  --sweet-gumball-pop-3: #FFC0E6;
  --sweet-gumball-pop-4: #FFDFF6;
  --sweet-gumball-pop-5: #FFF4FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-gumball-pop": {
        1: "#FF69B4",
        2: "#FF8ED0",
        3: "#FFC0E6",
        4: "#FFDFF6",
        5: "#FFF4FA",
      }
    }
  }
}

Related searches

vibrant pink color palettecheerful bubblegum colorssweet feminine brandingplayful ui pinksbright candy color scheme

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FF8ED0
·
Color 3#FFC0E6
·
Color 4#FFDFF6
·
Color 5#FFF4FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.2:1Fail
2.5:1Fail
2
1.3:1Fail
1.4:1Fail
1.7:1Fail
2:1Fail
3
1.8:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail
4
2.2:1Fail
1.7:1Fail
1.2:1Fail
1.1:1Fail
5
2.5:1Fail
2:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Sweet Gumball Pop

View all pastel
Diner Milkshake Dream
Gumball Machine Joy
Retro Soda Fountain
Sweet Petal Candy
Whimsical Macaron Blush
Berry Blossom Kiss