Back to palettes

Palette

Playful Gummy Burst

A delightful explosion of bright, cheerful colors, reminiscent of fruity gummy candies.

VibrantPlayful5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Playful Gummy 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 Playful Gummy Burst.

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

Data visualization

#FF1493#FFD700#32CD32#8A2BE2#FFA07A

Palette guide

How to use Playful Gummy Burst

Overview

The Playful Gummy Burst palette is a delightful explosion of bright, cheerful colors, reminiscent of fruity gummy candies. This vibrant collection features a striking #FF1493 (Deep Pink), a radiant #FFD700 (Gold), a fresh #32CD32 (Lime Green), a rich #8A2BE2 (Blue Violet), and a soft #FFA07A (Light Salmon). It's an ideal palette for designers and developers seeking to convey joy, energy, and a touch of whimsical sophistication. The combination of intense brights with a deeper purple and a gentle salmon allows for versatile and engaging visual narratives.

Best used for

  • Youth-oriented marketing campaigns
  • Creative branding and logo design
  • Digital illustrations and animations
  • Confectionery packaging design
  • Mobile game interfaces and themes
  • Playful e-commerce website sections

Suggested color roles

primary

#FF1493 (Deep Pink) for high-impact branding, main calls to action, and focal points.

secondary

#32CD32 (Lime Green) for supporting elements, natural accents, or fresh visual cues.

accent

#FFD700 (Gold) for highlights, interactive states, or adding a touch of premium playfulness.

background

#FFA07A (Light Salmon) can offer a warm, soft background, or use a neutral off-white to make colors pop.

text

Dark charcoal or black for main body text to ensure readability. #8A2BE2 can be used for bold, distinctive headings.

Accessibility notes

  • Ensure sufficient contrast when using #FFD700 for text, especially on lighter backgrounds.
  • Always check WCAG contrast ratios for all text and interactive elements.
  • Avoid placing light text on #FFA07A without careful contrast testing.
  • For small text, prioritize strong contrast pairings like dark text on a light background.

Recommended combinations

Sweet Energy

Creates a vibrant and engaging combination, perfect for energetic marketing materials.

#FF1493 · #FFD700 · #32CD32

Rich & Playful

Offers a sophisticated yet fun blend, great for creative branding that stands out.

#8A2BE2 · #FF1493 · #FFA07A

Warm Accents

Provides an inviting and fresh feel, suitable for welcoming user interfaces or content.

#FFA07A · #FFD700 · #32CD32

CSS variables

:root {
  --playful-gummy-burst-2-1: #FF1493;
  --playful-gummy-burst-2-2: #FFD700;
  --playful-gummy-burst-2-3: #32CD32;
  --playful-gummy-burst-2-4: #8A2BE2;
  --playful-gummy-burst-2-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-gummy-burst-2": {
        1: "#FF1493",
        2: "#FFD700",
        3: "#32CD32",
        4: "#8A2BE2",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

vibrant candy colorsplayful brandingcreative graphic design palettesweet theme UIyouth marketing colors

Palette colors

Hex values

Color 1#FF1493
·
Color 2#FFD700
·
Color 3#32CD32
·
Color 4#8A2BE2
·
Color 5#FFA07A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.6:1Fail
1.7:1Fail
1.6:1Fail
1.8:1Fail
2
2.6:1Fail
1.5:1Fail
4.2:1AA18
1.4:1Fail
3
1.7:1Fail
1.5:1Fail
2.8:1Fail
1.1:1Fail
4
1.6:1Fail
4.2:1AA18
2.8:1Fail
3:1Fail
5
1.8:1Fail
1.4:1Fail
1.1:1Fail
3:1Fail

Similar palettes

More like Playful Gummy Burst

View all Vibrant