Back to palettes

Palette

Candy Wrapper Pop

An explosion of bold, primary-like colors that are as fun and exciting as unwrapping candy.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Wrapper Pop 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 Wrapper Pop.

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

Data visualization

#FF00FF#FFFF00#00FF00#0000FF#FF0000

Palette guide

How to use Candy Wrapper Pop

Overview

The Candy Wrapper Pop palette is an explosion of bold, primary-like colors that are as fun and exciting as unwrapping candy. It features an electric magenta #FF00FF, a vibrant yellow #FFFF00, a brilliant lime green #00FF00, a classic bright blue #0000FF, and a fiery red #FF0000. This collection is designed for maximum impact and pure, unadulterated fun, making it perfect for designers who want to create energetic, playful, and highly visible visuals. It's a versatile choice for projects that demand attention and aim to convey a sense of bold, modern excitement.

Best used for

  • Youth-oriented branding and advertising campaigns
  • Interactive game interfaces and app design
  • Festival and event promotions
  • Pop art-inspired graphic design
  • Modern packaging for snacks or confectionery
  • Children's entertainment media

Suggested color roles

primary

Use #FF00FF (Electric Magenta) for dominant elements, headlines, or hero sections to establish a bold, energetic foundation.

secondary

Employ #0000FF (Bright Blue) for complementary content, navigation, or as a strong, contrasting cool tone.

accent

Apply #FFFF00 (Vibrant Yellow) for call-to-action buttons, key highlights, or interactive elements to create immediate visual pop.

background

A clean white or very light grey is essential to allow these intense colors to shine without overwhelming the design.

text

For optimal readability, use black or dark charcoal text against #FFFF00 and #00FF00, and white text against #FF00FF, #0000FF, and #FF0000.

Accessibility notes

  • Ensure high contrast for text, especially on the very bright #FFFF00 and #00FF00, which require dark text.
  • White text on #FF00FF, #0000FF, and #FF0000 generally provides good contrast.
  • Be cautious with adjacent vibrant colors; ensure clear separation and sufficient contrast for distinction.
  • Avoid using small text with low contrast pairings to prevent visual strain and ensure readability.

Recommended combinations

Primary Pop

Ideal for vibrant event banners, lively digital ads, or features that need to convey high energy and simplicity.

#FF00FF · #FFFF00 · #0000FF

Energetic Wrap

Perfect for dynamic infographics, interactive game elements, or a bold, modern branding approach.

#00FF00 · #FF0000 · #FFFF00

Candy Burst

Great for striking visual accents, playful illustrations, or a high-impact call-to-action.

#FF00FF · #0000FF · #FF0000

CSS variables

:root {
  --candy-wrapper-pop-1: #FF00FF;
  --candy-wrapper-pop-2: #FFFF00;
  --candy-wrapper-pop-3: #00FF00;
  --candy-wrapper-pop-4: #0000FF;
  --candy-wrapper-pop-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-wrapper-pop": {
        1: "#FF00FF",
        2: "#FFFF00",
        3: "#00FF00",
        4: "#0000FF",
        5: "#FF0000",
      }
    }
  }
}

Related searches

vibrant candy colorsbold primary paletteenergetic pop art designfun UI colorsbright packaging colors

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#FFFF00
·
Color 3#00FF00
·
Color 4#0000FF
·
Color 5#FF0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.3:1Fail
2.7:1Fail
1.3:1Fail
2
2.9:1Fail
1.3:1Fail
8:1AAA
3.7:1AA18
3
2.3:1Fail
1.3:1Fail
6.3:1AA
2.9:1Fail
4
2.7:1Fail
8:1AAA
6.3:1AA
2.1:1Fail
5
1.3:1Fail
3.7:1AA18
2.9:1Fail
2.1:1Fail

Similar palettes

More like Candy Wrapper Pop

View all vibrant