Palette

Candy Rainbow Burst

A joyous explosion of vivid colors found in a sweet, overflowing candy store, full of life.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF3F8F#FFDF00#3FE2FF#9E3FFF#6BE00E

Palette guide

How to use Candy Rainbow Burst

Overview

The Candy Rainbow Burst palette is a joyous explosion of vivid colors, capturing the essence of a sweet, overflowing candy store. With electrifying hues like the vibrant pink of #FF3F8F, sunny yellow of #FFDF00, and brilliant cyan of #3FE2FF, this palette radiates cheerfulness. The mysterious purple of #9E3FFF and lively green of #6BE00E round out this energetic collection, making it perfect for designs that aim to be playful, bright, and full of life. It's an excellent choice for designers seeking to infuse their projects with a youthful, high-energy, and undeniably fun aesthetic.

Best used for

Children's entertainment branding
Creative marketing campaigns
Festival and event promotions
Playful app or website interfaces
Party supplies and decorations
Educational materials for young learners

Suggested color roles

primary

Use #FF3F8F (Vibrant Pink) for main headings, hero sections, or prominent branding elements to establish a cheerful tone.

secondary

Employ #3FE2FF (Bright Cyan) for sub-sections, interactive components, or to provide a cool, refreshing contrast.

accent

Apply #6BE00E (Lime Green) sparingly for call-to-action buttons, key highlights, or playful graphic accents.

background

A neutral white or light grey background will allow the full vibrancy of these colors to shine, preventing visual clutter.

text

For readability, use a dark grey or black text against the lighter colors, and white text for high contrast on #FF3F8F, #3FE2FF, or #9E3FFF.

Accessibility notes

Ensure sufficient contrast between text and background, especially with vibrant hues like #FFDF00 and #6BE00E.
White text on #9E3FFF (Purple) and #FF3F8F (Pink) generally offers good readability.
Avoid placing small text on backgrounds of similar saturation, like #FFDF00 on #6BE00E, without careful contrast checks.
Consider larger font sizes or bolding when using these bright colors for important information.

Recommended combinations

Rainbow Pop

Ideal for eye-catching headers, playful graphics, or features that require high visual impact.

#FF3F8F · #FFDF00 · #3FE2FF

Vibrant Contrast

Perfect for creating dynamic sections, infographics, or a modern, energetic brand identity.

#9E3FFF · #FFDF00 · #6BE00E

Sweet Harmony

Great for lively illustrations, interactive elements, or a cheerful event theme.

#FF3F8F · #6BE00E · #3FE2FF

CSS variables

:root {
  --candy-rainbow-burst-1: #FF3F8F;
  --candy-rainbow-burst-2: #FFDF00;
  --candy-rainbow-burst-3: #3FE2FF;
  --candy-rainbow-burst-4: #9E3FFF;
  --candy-rainbow-burst-5: #6BE00E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-rainbow-burst": {
        1: "#FF3F8F",
        2: "#FFDF00",
        3: "#3FE2FF",
        4: "#9E3FFF",
        5: "#6BE00E",
      }
    }
  }
}

Hex values

Color 1#FF3F8F

Color 2#FFDF00

Color 3#3FE2FF

Color 4#9E3FFF

Color 5#6BE00E

Accessibility

Contrast checker

2.5:1Fail

2.1:1Fail

1.4:1Fail

1.9:1Fail

2.5:1Fail

1.2:1Fail

3.4:1AA18

1.3:1Fail

2.1:1Fail

1.2:1Fail

2.9:1Fail

1.1:1Fail

1.4:1Fail

3.4:1AA18

2.9:1Fail

2.7:1Fail

1.9:1Fail

1.3:1Fail

1.1:1Fail

2.7:1Fail

Similar palettes

More like Candy Rainbow Burst

View all vibrant

Candy Carnival Swirl

Playful Candy Store

Bright Carnival Swirl

Bubblegum Pop

Bubblegum Pop Burst

Candy Block Fun