Back to palettes

Palette

Whimsical Candy Burst

A joyful explosion of bright, sugary colors, reminiscent of a delightful array of whimsical candies.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6B98#FFDA79#6BCB77#5E6BFF#FF2E5B

Palette guide

How to use Whimsical Candy Burst

Overview

The 'Whimsical Candy Burst' palette is a vibrant and playful celebration of bright, sugary colors, reminiscent of a delightful array of candies. With a joyful mix of #FF6B98 (pink), #FFDA79 (yellow), #6BCB77 (green), #5E6BFF (blue), and #FF2E5B (red-pink), this palette is designed to infuse designs with immediate energy and cheerfulness. Designers and developers can leverage this scheme to create dynamic, eye-catching, and spirited designs. It's ideal for projects that aim to convey youthfulness, creativity, and a lively, energetic vibe, perfect for consumer-facing brands or fun digital experiences.

Best used for

  • Children's product branding and packaging
  • Event marketing for festivals or parties
  • Mobile game interfaces and app design
  • Creative digital art and illustrations
  • Toy store websites and promotions
  • Social media content for playful brands

Suggested color roles

primary

Use #FF2E5B or #5E6BFF as a bold primary for calls-to-action or key interactive elements, ensuring high visibility and energy.

secondary

Employ #FF6B98 or #6BCB77 for secondary sections or graphic elements, adding a playful balance to the primary.

accent

Reserve #FFDA79 for bright highlights, warnings, or small decorative elements, providing a cheerful pop.

background

For a clean look, use a neutral white or very light grey, then layer these vibrant colors. Alternatively, use #FFDA79 as a light, cheerful background.

text

On lighter backgrounds (e.g., #FFDA79 or white), use a dark color like black or charcoal. On the vibrant colors, white text is crucial for legibility.

Accessibility notes

  • Ensure strong contrast for text: white text on #5E6BFF or #FF2E5B, and black/dark text on #FFDA79 or #6BCB77.
  • The vibrancy of this palette requires careful consideration for users with photosensitivity; avoid excessive flashing or high-frequency patterns.
  • Provide clear alternative indicators for information conveyed solely by color, especially when using multiple bright hues.
  • Verify that interactive elements have sufficient contrast in their default and hover/focus states to meet WCAG AA standards.

Recommended combinations

Rainbow Pop

A highly contrasting trio of red, green, and blue, perfect for dynamic, multi-faceted interactive elements.

#FF2E5B · #6BCB77 · #5E6BFF

Sweet & Bright

A cheerful combination with a bright yellow base, accented by playful pink and a strong blue for clear hierarchy.

#FFDA79 · #FF6B98 · #5E6BFF

Candy Crush

Creates a lively, energetic feel with a vibrant green, a bold red-pink, and a sunny yellow for highlights.

#6BCB77 · #FF2E5B · #FFDA79

CSS variables

:root {
  --whimsical-candy-burst-1: #FF6B98;
  --whimsical-candy-burst-2: #FFDA79;
  --whimsical-candy-burst-3: #6BCB77;
  --whimsical-candy-burst-4: #5E6BFF;
  --whimsical-candy-burst-5: #FF2E5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-candy-burst": {
        1: "#FF6B98",
        2: "#FFDA79",
        3: "#6BCB77",
        4: "#5E6BFF",
        5: "#FF2E5B",
      }
    }
  }
}

Related searches

vibrant candy color paletteplayful bright color schemecolorful kids brandingenergetic UI design colorssweet pop art palette

Palette colors

Hex values

Color 1#FF6B98
·
Color 2#FFDA79
·
Color 3#6BCB77
·
Color 4#5E6BFF
·
Color 5#FF2E5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.3:1Fail
1.6:1Fail
1.3:1Fail
2
2:1Fail
1.5:1Fail
3.1:1AA18
2.7:1Fail
3
1.3:1Fail
1.5:1Fail
2.1:1Fail
1.8:1Fail
4
1.6:1Fail
3.1:1AA18
2.1:1Fail
1.2:1Fail
5
1.3:1Fail
2.7:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Whimsical Candy Burst

View all vibrant
Lollipop Swirl Dreams
Playful Jellybean Row
Candy Block Fun
Gumball Machine Gleam
Gummy Bear Blast
Gummy Bear Rainbow