Palette

Neon Candy Burst

An explosion of super-bright, playful colors reminiscent of funfair treats and a joyous candy experience.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF007F#FFFF00#00FF7F#00BFFF#FF00FF

Palette guide

How to use Neon Candy Burst

Overview

The Neon Candy Burst palette is an electrifying collection designed to evoke pure joy and vibrant energy. Featuring dazzling hues like the intense magenta of #FF007F, the luminous yellow of #FFFF00, the lively green of #00FF7F, the brilliant blue of #00BFFF, and the striking violet of #FF00FF, this palette is perfect for projects demanding immediate attention and a playful spirit. Its high saturation and bold contrasts make it ideal for digital interfaces, event promotions, or any design seeking a youthful, energetic, and slightly rebellious aesthetic. Designers can leverage these colors to create dynamic layouts, while developers will find them effective for call-to-action elements that truly pop. This palette guarantees a memorable and impactful visual experience.

Best used for

Gaming UI/UX for arcade or casual mobile games
Event branding for music festivals or playful parties
Children's apparel and toy packaging
Bold social media campaigns and digital ads
Modern tech startup interfaces seeking a vibrant edge
Fashion accessories and streetwear design

Suggested color roles

primary

#FF007F - This intense magenta serves as an electrifying primary, perfect for brand logos, hero elements, and key calls-to-action that demand immediate attention.

secondary

#00BFFF - A cool, brilliant blue that offers a dynamic contrast to the primary, ideal for secondary navigation, subheadings, or supporting graphical elements.

accent

#FFFF00 - The luminous yellow is an unmissable accent, best for micro-interactions, alerts, or small details that need a high-energy pop.

background

To truly let these neon colors burst, a neutral dark background (e.g., #1A1A1A charcoal) or crisp white is recommended, ensuring maximum visual impact without competition.

text

Pure white (#FFFFFF) provides excellent contrast against most palette colors, while a dark charcoal (#1A1A1A) works well against brighter selections like #FFFF00.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using vibrant colors together; test with WCAG tools.
Avoid placing #FFFF00 text directly on #00FF7F or #00BFFF backgrounds due to inherently low contrast ratios.
Use larger font sizes for important text elements if vibrant colors are chosen for text or backgrounds to aid readability.
Be mindful of color blindness; rely on more than just color to convey critical information, such as icons or text labels.

Recommended combinations

High Contrast Pop

Dynamic hero sections, interactive elements, or striking event posters where energy is key.

#FF007F · #FFFF00 · #00BFFF

Energetic Gradient

Backgrounds for digital art, loading screens, or brand elements that require a smooth, vibrant transition.

#FF00FF · #FF007F · #00BFFF

Playful Accents

UI elements like badges, icons, or progress bars in a fun, youthful application.

#00FF7F · #FFFF00 · #00BFFF

CSS variables

:root {
  --neon-candy-burst-1: #FF007F;
  --neon-candy-burst-2: #FFFF00;
  --neon-candy-burst-3: #00FF7F;
  --neon-candy-burst-4: #00BFFF;
  --neon-candy-burst-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-candy-burst": {
        1: "#FF007F",
        2: "#FFFF00",
        3: "#00FF7F",
        4: "#00BFFF",
        5: "#FF00FF",
      }
    }
  }
}

Hex values

Color 1#FF007F

Color 2#FFFF00

Color 3#00FF7F

Color 4#00BFFF

Color 5#FF00FF

Accessibility

Contrast checker

3.5:1AA18

2.8:1Fail

1.8:1Fail

1.2:1Fail

3.5:1AA18

1.3:1Fail

2:1Fail

2.9:1Fail

2.8:1Fail

1.3:1Fail

1.6:1Fail

2.3:1Fail

1.8:1Fail

2:1Fail

1.6:1Fail

1.5:1Fail

1.2:1Fail

2.9:1Fail

2.3:1Fail

1.5:1Fail

Similar palettes

More like Neon Candy Burst

View all vibrant

Gumball Machine Frenzy