Back to palettes

Palette

Gumball Alley Joy

A sweet and cheerful palette featuring bright pinks and soft blues, like a scattering of candy sprinkles.

playfulplayful5 colors
More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF598F#FF8EA0#FFAEBB#B0E0E6#6CB9D5

Palette guide

How to use Gumball Alley Joy

Overview

The Gumball Alley Joy palette is a sweet and cheerful collection featuring bright pinks and soft blues, like a scattering of candy sprinkles. It includes a vibrant pink #FF598F, a soft rose pink #FF8EA0, a pale blush pink #FFAEBB, a light sky blue #B0E0E6, and a medium blue #6CB9D5. This delightful palette is perfect for designers and developers aiming to create playful, whimsical, and inviting experiences. Its gentle yet lively tones make it ideal for projects that seek to evoke a sense of fun, innocence, and sugary charm across digital and print applications.

Best used for

  • Children's product branding
  • Playful website and app interfaces
  • Confectionery packaging design
  • Baby shower invitations and decor
  • Creative and whimsical blog designs
  • Feminine and sweet fashion lines

Suggested color roles

primary

Use #FF598F (Vibrant Pink) as the energetic, playful primary color, perfect for calls-to-action or key visual elements.

secondary

Employ #6CB9D5 (Medium Blue) for supporting sections, navigation, or to provide a calming, complementary balance.

accent

Apply #FF8EA0 (Soft Rose Pink) as a gentle accent for subtle highlights, decorative elements, or secondary information.

background

Utilize #FFAEBB (Pale Blush Pink) as a soft, airy background, creating a sweet and inviting canvas for the other colors.

text

For text, #6CB9D5 (Medium Blue) offers good contrast on lighter pinks like #FFAEBB. A dark gray or charcoal provides excellent readability for body text on all light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for any text placed on #FFAEBB (Pale Blush Pink) or #B0E0E6 (Light Sky Blue); dark text is essential.
  • The vibrant #FF598F (Vibrant Pink) may require a very dark or very light background for optimal text contrast.
  • Avoid using #FF8EA0 (Soft Rose Pink) for small text against similarly light backgrounds, as contrast will be poor.
  • When designing, prioritize a clear contrast between text and background, especially for important information, using colors like dark gray or black.

Recommended combinations

Sweet Contrast

Creates a cheerful and balanced look, ideal for playful branding or interactive elements.

#FF598F · #6CB9D5 · #FFAEBB

Pastel Blend

Offers a soft, harmonious gradient, perfect for gentle backgrounds or subtle design accents.

#FF8EA0 · #FFAEBB · #B0E0E6

Playful Pop

A lively combination that highlights vibrancy against a softer blue, great for headers or graphic elements.

#B0E0E6 · #FF598F · #6CB9D5

CSS variables

:root {
  --gumball-alley-joy-1: #FF598F;
  --gumball-alley-joy-2: #FF8EA0;
  --gumball-alley-joy-3: #FFAEBB;
  --gumball-alley-joy-4: #B0E0E6;
  --gumball-alley-joy-5: #6CB9D5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gumball-alley-joy": {
        1: "#FF598F",
        2: "#FF8EA0",
        3: "#FFAEBB",
        4: "#B0E0E6",
        5: "#6CB9D5",
      }
    }
  }
}

Related searches

pastel pink blue palettecandy colors designplayful branding schemesweet baby shower colorssoft cheerful aesthetic

Palette colors

Hex values

Color 1#FF598F
·
Color 2#FF8EA0
·
Color 3#FFAEBB
·
Color 4#B0E0E6
·
Color 5#6CB9D5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.1:1Fail
1.3:1Fail
2
1.4:1Fail
1.2:1Fail
1.5:1Fail
1:1Fail
3
1.7:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
4
2.1:1Fail
1.5:1Fail
1.2:1Fail
1.5:1Fail
5
1.3:1Fail
1:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Gumball Alley Joy

View all playful
Gummy Bear Sweetness
Candy Store Whimsy
Jelly Bean Carnival
Sweet Gumdrop Frolic
Vintage Candy Shop
Sugary Confection Blend