Back to palettes

Palette

Pop Art Sugar Rush

Bold, high-contrast colors inspired by vintage candy wrappers and energetic pop art.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pop Art Sugar Rush 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 Pop Art Sugar Rush.

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

Data visualization

#FF007F#FFD700#00FF00#00BFFF#FF4500

Palette guide

How to use Pop Art Sugar Rush

Overview

The Pop Art Sugar Rush palette features bold, high-contrast colors inspired by vintage candy wrappers and energetic pop art, perfect for designers and developers seeking a playful and impactful aesthetic. This vibrant collection includes hot pink (#FF007F), golden yellow (#FFD700), electric green (#00FF00), bright blue (#00BFFF), and fiery orange (#FF4500). Each color is intensely saturated, designed to evoke a sense of fun, nostalgia, and immediate visual appeal. It's an excellent choice for projects that aim to be cheerful, memorable, and visually exciting, from digital interfaces to packaging, ensuring a high-energy and engaging user experience.

Best used for

  • Retro-themed branding
  • Candy packaging design
  • Children's entertainment apps
  • Festival and event graphics
  • Social media campaigns
  • Playful website designs

Suggested color roles

primary

Utilize hot pink #FF007F or bright blue #00BFFF for dominant elements, creating a strong, playful, and inviting presence.

secondary

Employ golden yellow #FFD700 for secondary calls-to-action, highlights, or to add a cheerful, optimistic glow.

accent

Introduce electric green #00FF00 or fiery orange #FF4500 for small, impactful accents, interactive states, or to provide an unexpected burst of energy.

background

Consider a clean white or very light gray background to let the vibrant colors truly pop. A deep charcoal can also create a dramatic, contrasting base.

text

For optimal readability, use pure black or dark charcoal text on #FFD700 and #00FF00. On #FF007F, #00BFFF, or #FF4500, crisp white text is essential to ensure sufficient contrast.

Accessibility notes

  • Ensure dark text on #FFD700 and #00FF00 meets WCAG AA contrast standards.
  • Verify white text on #FF007F, #00BFFF, and #FF4500 has sufficient contrast.
  • Avoid using vibrant colors as text on other vibrant colors (e.g., #00FF00 text on #FFD700) due to low contrast.
  • Interactive elements should have distinct focus states that are easily visible against all intense hues.

Recommended combinations

Candy Pop

Ideal for playful headers and graphic elements, evoking a sweet and energetic retro vibe.

#FF007F · #FFD700 · #00BFFF

Electric Burst

Excellent for dynamic patterns or standout calls-to-action, creating a modern, electrifying look.

#00FF00 · #FF4500 · #00BFFF

Vibrant Play

Create cheerful backgrounds and accents, ensuring a light, inviting atmosphere with strong highlights.

#FFD700 · #FF007F · #FF4500

CSS variables

:root {
  --pop-art-sugar-rush-1: #FF007F;
  --pop-art-sugar-rush-2: #FFD700;
  --pop-art-sugar-rush-3: #00FF00;
  --pop-art-sugar-rush-4: #00BFFF;
  --pop-art-sugar-rush-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pop-art-sugar-rush": {
        1: "#FF007F",
        2: "#FFD700",
        3: "#00FF00",
        4: "#00BFFF",
        5: "#FF4500",
      }
    }
  }
}

Related searches

retro pop art colorscandy color schemebright playful palettesugar rush colorshigh contrast vibrant UI

Palette colors

Hex values

Color 1#FF007F
·
Color 2#FFD700
·
Color 3#00FF00
·
Color 4#00BFFF
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
2.8:1Fail
1.8:1Fail
1.1:1Fail
2
2.7:1Fail
1:1Fail
1.5:1Fail
2.5:1Fail
3
2.8:1Fail
1:1Fail
1.5:1Fail
2.5:1Fail
4
1.8:1Fail
1.5:1Fail
1.5:1Fail
1.6:1Fail
5
1.1:1Fail
2.5:1Fail
2.5:1Fail
1.6:1Fail

Similar palettes

More like Pop Art Sugar Rush

View all vibrant
Bubblegum Pop Blast
Bubblegum Pop Burst
Bubblegum Pop Zing
Bubblegum Pop Zing
Gumball Machine Gleam
Jelly Bean Jamboree