Palette

Pop Art Burst

A burst of classic pop art colors, bright and unapologetically bold, capturing an energetic retro feel.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E40303#FF8C00#FFED00#0080FF#9F00FF

Palette guide

How to use Pop Art Burst

Overview

The Pop Art Burst palette explodes with classic, vibrant energy, featuring bold hues like the striking red #E40303, sunny yellow #FFED00, and electric blue #0080FF. This unapologetically bold collection, rounded out by a punchy orange #FF8C00 and vivid purple #9F00FF, is perfect for designs seeking a retro, playful, and graphic feel. Designers and developers will find these colors ideal for creating high-impact visual statements, evoking a nostalgic yet modern aesthetic. It’s a versatile set for projects demanding immediate attention and a strong, joyful presence, ensuring your visuals pop with unmistakable character.

Best used for

Brand identity for playful startups or creative agencies
Event posters, flyers, and promotional materials
Children's book illustrations and educational content
Retro-themed websites, apps, and digital interfaces
Packaging design for vibrant, youth-oriented products
Comic book art and graphic novel aesthetics

Suggested color roles

primary

Use #E40303 as a dominant primary for calls to action, hero elements, or bold graphic shapes to command immediate attention.

secondary

Employ #0080FF for supporting sections, navigation elements, or as a contrasting secondary background to add depth without losing vibrancy.

accent

Apply #FFED00 for highlights, notifications, or small interactive elements that need to visually 'pop' and draw the eye.

background

Best paired with a clean white or very light gray background to allow the vibrant colors to truly burst, or use #9F00FF for a dramatic, immersive backdrop.

text

For optimal readability, use a strong black or dark charcoal text color. Against lighter palette colors like #FFED00, consider using #E40303 for headings and black for body text.

Accessibility notes

While bold, ensure sufficient contrast for text, especially when using lighter palette colors like #FFED00. Always check WCAG guidelines.
Avoid placing small text directly on vibrant, similar-luminosity colors (e.g., #FF8C00 on #FFED00) to prevent visual vibration and readability issues.
For critical information, use high-contrast combinations, such as black text on #FFED00 or white text on #E40303.
Consider providing alternative visual cues beyond color alone for users with color vision deficiencies, especially with the bright red and orange.

Recommended combinations

Retro Blast

For high-energy headers and dynamic visual storytelling, embodying classic pop art compositions.

#E40303 · #FFED00 · #0080FF

Playful Punch

Ideal for playful illustrations, UI elements, or distinct brand accents that require a lively, contrasting feel.

#FF8C00 · #9F00FF · #0080FF

Bold Statement

Creates a powerful, eye-catching combination for hero sections, event promotions, or striking graphic designs.

#E40303 · #9F00FF · #FFED00

CSS variables

:root {
  --pop-art-burst-1: #E40303;
  --pop-art-burst-2: #FF8C00;
  --pop-art-burst-3: #FFED00;
  --pop-art-burst-4: #0080FF;
  --pop-art-burst-5: #9F00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pop-art-burst": {
        1: "#E40303",
        2: "#FF8C00",
        3: "#FFED00",
        4: "#0080FF",
        5: "#9F00FF",
      }
    }
  }
}

Hex values

Color 1#E40303

Color 2#FF8C00

Color 3#FFED00

Color 4#0080FF

Color 5#9F00FF

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

1.3:1Fail

1.1:1Fail

2.1:1Fail

1.9:1Fail

1.6:1Fail

2.3:1Fail

4:1AA18

1.9:1Fail

3.1:1AA18

4.4:1AA18

1.3:1Fail

1.6:1Fail

3.1:1AA18

1.4:1Fail

1.1:1Fail

2.3:1Fail

4.4:1AA18

1.4:1Fail

Similar palettes

More like Pop Art Burst