Palette

Retro Candy Pop

A dazzling burst of hyper-saturated hues, perfect for a fun, energetic retro aesthetic with a hint of pop art.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#FFFF00#00FFFF#FF1493#ADFF2F

Palette guide

How to use Retro Candy Pop

Overview

The Retro Candy Pop palette (version 2) is a dazzling burst of hyper-saturated hues, perfect for a fun, energetic retro aesthetic with a hint of pop art. Featuring electric Magenta (#FF00FF), vibrant Yellow (#FFFF00), striking Cyan (#00FFFF), a bold Deep Pink (#FF1493), and a zesty Green Yellow (#ADFF2F), this collection is designed for designers and developers who want to create high-impact, unforgettable visual experiences. Its intense colors are ideal for projects that demand attention and exude a playful, almost neon-like energy, reminiscent of classic arcade lights and sugary treats.

Best used for

Rave flyers and club branding
Digital art and abstract illustrations
Energetic motion graphics and animations
Festival websites and event promotions
Bold fashion statements and textile prints
Youth-oriented marketing campaigns

Suggested color roles

primary

Magenta (#FF00FF) serves as an intense focal point, perfect for high-impact headlines, hero elements, or key branding.

secondary

Yellow (#FFFF00) provides a blinding contrast, excellent for energetic support, highlights, or secondary calls-to-action.

accent

Green Yellow (#ADFF2F) offers an electric pop, ideal for interactive highlights, hover effects, or small, vibrant details.

background

Cyan (#00FFFF) creates a vibrant, expansive canvas, offering a cool and dynamic backdrop for content.

text

For optimal legibility on these hyper-saturated colors, use stark black text on lighter hues like #FFFF00 or #ADFF2F, and crisp white text on darker hues like #FF00FF or #FF1493.

Accessibility notes

Extreme contrast is essential; use white text on Magenta (#FF00FF) and black text on Yellow (#FFFF00) for readability.
Avoid using Deep Pink (#FF1493) and Magenta (#FF00FF) together for critical information without strong visual separation due to similar hues.
This palette is not suitable for long-form text content due to its high saturation and potential for eye strain.
Test color combinations thoroughly for individuals with color blindness, as many bright hues can be problematic.

Recommended combinations

Neon Burst

Ideal for high-impact graphics, eye-catching event promotions, and dynamic digital banners.

#FF00FF · #FFFF00 · #00FFFF

Pop Art Punch

Excellent for bold illustrations, compelling call-to-action elements, and distinctive brand logos.

#FF1493 · #ADFF2F · #FFFF00

Electric Mix

Use for dynamic backgrounds, futuristic interfaces, and vibrant motion graphics.

#00FFFF · #FF00FF · #ADFF2F

CSS variables

:root {
  --retro-candy-pop-2-1: #FF00FF;
  --retro-candy-pop-2-2: #FFFF00;
  --retro-candy-pop-2-3: #00FFFF;
  --retro-candy-pop-2-4: #FF1493;
  --retro-candy-pop-2-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-pop-2": {
        1: "#FF00FF",
        2: "#FFFF00",
        3: "#00FFFF",
        4: "#FF1493",
        5: "#ADFF2F",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#FFFF00

Color 3#00FFFF

Color 4#FF1493

Color 5#ADFF2F

Accessibility

Contrast checker

2.9:1Fail

2.5:1Fail

1.2:1Fail

2.6:1Fail

2.9:1Fail

1.2:1Fail

3.4:1AA18

1.1:1Fail

2.5:1Fail

1.2:1Fail

2.9:1Fail

1:1Fail

1.2:1Fail

3.4:1AA18

2.9:1Fail

3:1Fail

2.6:1Fail

1.1:1Fail

1:1Fail

3:1Fail

Similar palettes

More like Retro Candy Pop

Retro Candy Pop

See it in context.

Ready when you are.

Built with Retro Candy Pop.

How to use Retro Candy Pop

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Neon Burst

Pop Art Punch

Electric Mix

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Candy Pop