Back to palettes

Palette

Playful Gummy Burst

A delightful explosion of bright, primary 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

#FF0080#FFD700#00FF00#00BFFF#FFA500

Palette guide

How to use Playful Gummy Burst

Overview

The Playful Gummy Burst palette delivers an energetic and appealing mix of bright, candy-like colors, perfect for designs that aim to be cheerful, dynamic, and memorable. It features a bold #FF0080 (Deep Pink), a sunny #FFD700 (Gold), a lively #00FF00 (Lime Green), a clear #00BFFF (Deep Sky Blue), and a warm #FFA500 (Orange). This palette is ideal for designers and developers looking to create high-impact visuals that resonate with a playful and energetic audience, ensuring a vibrant and engaging user experience across various platforms.

Best used for

  • Event promotions and festival branding
  • Children's educational content
  • Pop-up shop and retail displays
  • Summer campaign marketing materials
  • Digital banner ads and social media graphics
  • Playful user interface (UI) design

Suggested color roles

primary

#FF0080 (Deep Pink) for impactful branding, main calls to action, and focal points.

secondary

#00BFFF (Deep Sky Blue) for supporting visual elements, clear sections, or navigation.

accent

#FFD700 (Gold) for highlights, interactive states, or adding festive and energetic touches.

background

A clean white or very light neutral base is recommended to allow the vibrant colors to stand out effectively.

text

Dark grey or black for main body text to ensure readability. #FFA500 can be used for attention-grabbing headlines.

Accessibility notes

  • Be cautious when using #FFD700 as text, especially on light backgrounds, to ensure sufficient contrast.
  • Always verify WCAG contrast ratios for all text and interactive elements, particularly for critical information.
  • Avoid placing light-colored text on other light, bright colors without careful contrast assessment.
  • For small text, prioritize high-contrast pairings to maintain legibility.

Recommended combinations

Vibrant Core

Creates an energetic and balanced foundation, ideal for primary branding.

#FF0080 · #FFD700 · #00BFFF

Fresh & Bright

Offers a lively and engaging combination, perfect for dynamic digital content.

#00FF00 · #FFA500 · #FF0080

Dynamic Pop

Provides a bold and appealing mix, suitable for highlighting key sections or calls to action.

#00BFFF · #FFD700 · #FFA500

CSS variables

:root {
  --playful-gummy-burst-1: #FF0080;
  --playful-gummy-burst-2: #FFD700;
  --playful-gummy-burst-3: #00FF00;
  --playful-gummy-burst-4: #00BFFF;
  --playful-gummy-burst-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-gummy-burst": {
        1: "#FF0080",
        2: "#FFD700",
        3: "#00FF00",
        4: "#00BFFF",
        5: "#FFA500",
      }
    }
  }
}

Related searches

bright event colorscheerful web designcandy inspired paletteenergetic marketing colorsplayful UI colors

Palette colors

Hex values

Color 1#FF0080
·
Color 2#FFD700
·
Color 3#00FF00
·
Color 4#00BFFF
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
2.8:1Fail
1.8:1Fail
1.9:1Fail
2
2.7:1Fail
1:1Fail
1.5:1Fail
1.4:1Fail
3
2.8:1Fail
1:1Fail
1.5:1Fail
1.4:1Fail
4
1.8:1Fail
1.5:1Fail
1.5:1Fail
1.1:1Fail
5
1.9:1Fail
1.4:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Playful Gummy Burst

View all Vibrant
Playful Gummy Burst
Sugar Rush Pop
Candy Cane Stripes
Carnival Bright Delight
Carnival Neon Pop
Citrus Grove Sparkle