Back to palettes

Palette

Gumball Machine Gleam

A whimsical array of soft, sweet pastels reminiscent of delightful sugary treats and childhood joy.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gumball Machine Gleam 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 Machine Gleam.

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

Data visualization

#FFC0CB#ADD8E6#90EE90#FFFACD#DDA0DD

Palette guide

How to use Gumball Machine Gleam

Overview

The Gumball Machine Gleam palette offers a whimsical array of soft, sweet pastels reminiscent of delightful sugary treats and childhood joy. It includes a gentle pink #FFC0CB, a calming light blue #ADD8E6, a fresh light green #90EE90, a creamy pale yellow #FFFACD, and a dreamy lavender #DDA0DD. This charming palette is ideal for designers and developers seeking to create serene, playful, and inviting aesthetics. Its soft hues make it perfect for projects that evoke innocence, sweetness, and a gentle, comforting mood across digital and print applications.

Best used for

  • Baby and children's brand identities
  • Wedding and event stationery
  • Confectionery and bakery packaging
  • Gentle UI/UX design for apps
  • Feminine fashion and beauty branding
  • Creative and whimsical social media content

Suggested color roles

primary

Use #ADD8E6 (Light Blue) as a calming and fresh primary color, ideal for backgrounds or main content areas.

secondary

Employ #FFC0CB (Pink) for sweet supporting elements, decorative accents, or to add a touch of gentle warmth.

accent

Apply #DDA0DD (Lavender) as a subtle, sophisticated accent, perfect for highlights or delicate details.

background

Utilize #FFFACD (Pale Yellow) as a soft, inviting background, providing a clean and gentle canvas for other pastels.

text

For text, a dark gray or charcoal provides excellent readability on any of the light pastel backgrounds. #90EE90 (Light Green) can be used for very large, decorative headlines on a white background.

Accessibility notes

  • Ensure high contrast for all text, especially on #FFFACD (Pale Yellow) or any of the light pastels; dark gray or black text is recommended.
  • Avoid using light pastel colors for small body text, as they will likely fail accessibility contrast standards against other light pastels.
  • When combining pastels, ensure there is enough visual separation between elements, particularly for interactive components.
  • For critical information, always default to a high-contrast text color to ensure readability for all users, including those with low vision.

Recommended combinations

Sweet Harmony

Creates a soft, balanced, and inviting feel, ideal for gentle branding or serene digital spaces.

#FFC0CB · #ADD8E6 · #FFFACD

Pastel Garden

Offers a fresh and whimsical blend, perfect for illustrations, decorative elements, or springtime themes.

#90EE90 · #DDA0DD · #FFFACD

Gentle Pop

A subtle yet engaging combination, great for highlighting features or adding a soft, playful touch.

#ADD8E6 · #DDA0DD · #FFC0CB

CSS variables

:root {
  --gumball-machine-gleam-1: #FFC0CB;
  --gumball-machine-gleam-2: #ADD8E6;
  --gumball-machine-gleam-3: #90EE90;
  --gumball-machine-gleam-4: #FFFACD;
  --gumball-machine-gleam-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gumball-machine-gleam": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFFACD",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

pastel candy colorssoft whimsical palettesweet baby shower schemegentle ui designlight feminine branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFFACD
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.5:1Fail
1.3:1Fail
2
1:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
3
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
4
1.5:1Fail
1.4:1Fail
1.3:1Fail
2:1Fail
5
1.3:1Fail
1.4:1Fail
1.5:1Fail
2:1Fail

Similar palettes

More like Gumball Machine Gleam

View all pastel
Sugar Plum Pixie
Candyfloss Cloud Dream
Pastel Macaron Box
Patisserie Sugar Dream
Peppermint Candy Swirl
Petite Macaron Delights