Back to palettes

Palette

Pop Art Electric Splash

A bold, high-contrast palette inspired by the graphic and dynamic energy of pop art.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E40303#FFED00#00FF3F#0000FF#FB00FF

Palette guide

How to use Pop Art Electric Splash

Overview

The Pop Art Electric Splash palette explodes with the vibrant, high-contrast energy of classic pop art. Featuring electric red #E40303, brilliant yellow #FFED00, vivid green #00FF3F, dynamic blue #0000FF, and striking magenta #FB00FF, this collection is designed to make an unforgettable impact. Ideal for projects demanding a retro-modern aesthetic, it offers designers and developers a powerful toolkit for creating visually arresting interfaces, branding, and digital art. Embrace its bold character to infuse designs with an energetic, playful yet sophisticated edge, ensuring your creations stand out with unmistakable graphic appeal.

Best used for

  • Retro-themed websites and applications
  • Event posters, flyers, and digital invitations
  • Youth-oriented branding and packaging
  • Video game UI and character design
  • Fashion and streetwear branding
  • Digital art and illustration

Suggested color roles

primary

Use #E40303 (Red) for strong calls-to-action, hero sections, or main branding elements that demand immediate attention.

secondary

Employ #0000FF (Blue) for complementary sections, sub-headers, or interactive elements, providing a cool counterpoint to the primary red.

accent

Apply #FFED00 (Yellow) for highlighting critical information, buttons, or small graphic details that need to pop with maximum intensity.

background

Consider #FB00FF (Magenta) sparingly for full-screen overlays, specific feature sections, or as a vibrant backdrop for black or white text in artistic contexts. For general UI, use neutral backgrounds.

text

Use #00FF3F (Green) for short, punchy headlines or decorative text. For body copy, prioritize readability with a dark neutral like charcoal or black, or pure white for maximum contrast.

Accessibility notes

  • Most color combinations within this palette will fail WCAG AA/AAA contrast ratios for text without careful application.
  • Always test text color against background color for sufficient contrast, especially for body copy and interactive elements.
  • Reserve the brightest hues like #FFED00 (Yellow) and #00FF3F (Green) for large text or graphical elements, not small body text.
  • For critical information, use high-contrast pairings, often involving pure white or black text against one of the vibrant colors.

Recommended combinations

Electric Call-to-Action

Bold button with #FFED00 text on #E40303, #0000FF for secondary elements or borders for a dynamic interaction.

#E40303 · #FFED00 · #0000FF

Pop Art Overlay

Utilize #FB00FF as a vibrant background, #00FF3F for graphic shapes, and #E40303 for emphasis or iconic elements to create a striking visual.

#FB00FF · #00FF3F · #E40303

Retro Header

Employ #0000FF for a primary header, #FFED00 for sub-text to add visual interest, and #E40303 for an accompanying graphic element or accent line.

#0000FF · #FFED00 · #E40303

CSS variables

:root {
  --pop-art-electric-splash-1: #E40303;
  --pop-art-electric-splash-2: #FFED00;
  --pop-art-electric-splash-3: #00FF3F;
  --pop-art-electric-splash-4: #0000FF;
  --pop-art-electric-splash-5: #FB00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pop-art-electric-splash": {
        1: "#E40303",
        2: "#FFED00",
        3: "#00FF3F",
        4: "#0000FF",
        5: "#FB00FF",
      }
    }
  }
}

Related searches

vibrant pop art color schemeretro energetic palettebold graphic design colorshigh contrast ui colorselectric bright color combinations

Palette colors

Hex values

Color 1#E40303
·
Color 2#FFED00
·
Color 3#00FF3F
·
Color 4#0000FF
·
Color 5#FB00FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
4:1AA18
3.6:1AA18
1.8:1Fail
1.5:1Fail
2
4:1AA18
1.1:1Fail
7.1:1AAA
2.7:1Fail
3
3.6:1AA18
1.1:1Fail
6.3:1AA
2.3:1Fail
4
1.8:1Fail
7.1:1AAA
6.3:1AA
2.7:1Fail
5
1.5:1Fail
2.7:1Fail
2.3:1Fail
2.7:1Fail

Similar palettes

More like Pop Art Electric Splash

View all vibrant
Pop Art Electric
Electric Graffiti Wall
Electric Manga Pop
Graphic Novel Pop
Kaleidoscope Joy Blast
Neon Arcade Blitz