Palette

Gummy Candy Burst

A burst of playful, fruity colors like a sweet gummy candy explosion.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF1493#FF4500#FFD700#32CD32#4169E1

Palette guide

How to use Gummy Candy Burst

Overview

The Gummy Candy Burst palette is a dynamic explosion of playful, fruity colors, reminiscent of a sweet gummy candy assortment. Featuring a vivid hot pink (#FF1493), a fiery orange (#FF4500), a bright golden yellow (#FFD700), a fresh lime green (#32CD32), and a strong royal blue (#4169E1), this palette is designed for high impact. It's perfect for projects that demand attention, exude fun, and convey a youthful, energetic vibe. Designers can utilize these highly saturated hues to create eye-catching branding, vibrant digital interfaces, or lively illustrations that truly pop. The strong contrasts and pure colors make it an excellent choice for engaging audiences with a burst of cheerful energy, ensuring designs are memorable and full of personality.

Best used for

Youth-oriented digital platforms
Candy and snack branding
Event and festival marketing
Interactive game design
Children's product packaging
Vibrant social media content

Suggested color roles

primary

#FF1493 - This vivid hot pink serves as a powerful primary, excellent for calls-to-action or strong brand statements.

secondary

#4169E1 - A robust royal blue provides a cool, stable counterpoint, perfect for navigation or background sections needing depth.

accent

#FF4500 - Use this fiery orange for energetic highlights, interactive elements, or to draw immediate attention to key features.

background

For a clean, impactful base, use white or a very light grey. #FFD700 can be used sparingly for bright, cheerful background elements.

text

Pure black or a very dark charcoal grey is essential for body text readability. #32CD32 can be used for decorative headings or larger, less critical text.

Accessibility notes

High contrast is vital. Always use dark text (e.g., black) on these bright colors to ensure readability.
Avoid using light-colored text (e.g., white) on #FFD700 or #32CD32 without strict WCAG contrast checks.
Be mindful of color-blind users when pairing red/green or highly saturated colors; use additional visual cues.
Ensure all interactive elements have sufficient contrast and clear focus states, especially with such vibrant hues.

Recommended combinations

Energetic Trio

Creates an extremely vibrant and warm combination, ideal for high-impact advertisements or playful headers.

#FF1493 · #FF4500 · #FFD700

Cool & Bold

Offers a balanced yet strong contrast, suitable for modern app interfaces or dynamic infographics.

#4169E1 · #32CD32 · #FF1493

Full Spectrum Fun

Perfect for designs needing a full, cheerful rainbow effect, such as event branding or children's learning materials.

#FFD700 · #32CD32 · #4169E1

CSS variables

:root {
  --gummy-candy-burst-1: #FF1493;
  --gummy-candy-burst-2: #FF4500;
  --gummy-candy-burst-3: #FFD700;
  --gummy-candy-burst-4: #32CD32;
  --gummy-candy-burst-5: #4169E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gummy-candy-burst": {
        1: "#FF1493",
        2: "#FF4500",
        3: "#FFD700",
        4: "#32CD32",
        5: "#4169E1",
      }
    }
  }
}

Hex values

Color 1#FF1493

Color 2#FF4500

Color 3#FFD700

Color 4#32CD32

Color 5#4169E1

Accessibility

Contrast checker

1.1:1Fail

2.6:1Fail

1.7:1Fail

1.3:1Fail

1.1:1Fail

2.5:1Fail

1.6:1Fail

1.4:1Fail

2.6:1Fail

2.5:1Fail

1.5:1Fail

3.5:1AA18

1.7:1Fail

1.6:1Fail

1.5:1Fail

2.3:1Fail

1.3:1Fail

1.4:1Fail

3.5:1AA18

2.3:1Fail

Similar palettes

More like Gummy Candy Burst

Festival Marquee Lights