Back to palettes

Palette

Pop Art Grid Blast

A dynamic burst of color and sharp contrast, reflecting the energetic and iconic style of classic 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 Grid Blast 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 Grid Blast.

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

Data visualization

#ED2E7E#00A19D#FDD20E#2B2D42#D2D6EF

Palette guide

How to use Pop Art Grid Blast

Overview

The Pop Art Grid Blast palette delivers a dynamic burst of color and sharp contrast, reflecting the energetic and iconic style of classic pop art. Designed for designers and developers, this palette features a passionate rose (#ED2E7E), a cool teal (#00A19D), a sunny yellow (#FDD20E), a deep charcoal (#2B2D42), and a soft lavender-gray (#D2D6EF). This unique combination balances vibrant impact with grounding neutrals, making it versatile for both digital interfaces and print media. It’s ideal for projects that aim for playful sophistication, clear visual hierarchy, and a distinctive retro-modern appeal, ensuring readability and visual interest across all elements.

Best used for

  • Graphic design projects
  • Retro-inspired branding
  • Web and mobile application UIs
  • Editorial layouts
  • Event posters and flyers
  • Packaging for quirky products

Suggested color roles

primary

Utilize passionate rose #ED2E7E for main calls-to-action or dominant graphic elements to capture attention and convey energy.

secondary

Deploy cool teal #00A19D for secondary navigation, iconography, or to provide a calming yet distinctive contrast to the primary hue.

accent

Introduce sunny yellow #FDD20E for highlights, notifications, or small interactive elements to add a cheerful, vibrant pop.

background

Employ the soft lavender-gray #D2D6EF for clean, expansive backgrounds, or deep charcoal #2B2D42 for a dramatic, sophisticated base.

text

Use deep charcoal #2B2D42 for primary text on lighter backgrounds like #D2D6EF. For text on #ED2E7E or #00A19D, crisp white or a very light gray is recommended for readability.

Accessibility notes

  • Ensure #2B2D42 text on #D2D6EF meets WCAG AA contrast standards.
  • Verify white or light gray text on #ED2E7E and #00A19D has sufficient contrast.
  • Avoid using #FDD20E as text color on #D2D6EF due to potential low contrast.
  • Interactive elements should have distinct focus states, especially when using #D2D6EF as a background.

Recommended combinations

Retro Modern

Ideal for bold headers and graphic elements, offering a strong, balanced visual statement.

#ED2E7E · #00A19D · #2B2D42

Bright Accent

Excellent for clean layouts where a bright highlight is needed to draw attention on a soft background.

#D2D6EF · #FDD20E · #ED2E7E

Sophisticated Contrast

Create sophisticated backgrounds and text pairings, ensuring high readability and elegance.

#2B2D42 · #00A19D · #D2D6EF

CSS variables

:root {
  --pop-art-grid-blast-1: #ED2E7E;
  --pop-art-grid-blast-2: #00A19D;
  --pop-art-grid-blast-3: #FDD20E;
  --pop-art-grid-blast-4: #2B2D42;
  --pop-art-grid-blast-5: #D2D6EF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pop-art-grid-blast": {
        1: "#ED2E7E",
        2: "#00A19D",
        3: "#FDD20E",
        4: "#2B2D42",
        5: "#D2D6EF",
      }
    }
  }
}

Related searches

pop art graphic paletteretro color schemesbold and playful brandingmodern pop art colorsvibrant UI with neutrals

Palette colors

Hex values

Color 1#ED2E7E
·
Color 2#00A19D
·
Color 3#FDD20E
·
Color 4#2B2D42
·
Color 5#D2D6EF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.7:1Fail
3.4:1AA18
2.8:1Fail
2
1.2:1Fail
2.2:1Fail
4.2:1AA18
2.2:1Fail
3
2.7:1Fail
2.2:1Fail
9.3:1AAA
1:1Fail
4
3.4:1AA18
4.2:1AA18
9.3:1AAA
9.4:1AAA
5
2.8:1Fail
2.2:1Fail
1:1Fail
9.4:1AAA

Similar palettes

More like Pop Art Grid Blast

View all vibrant
Abstract Geometric Hue
Circus Tent Whimsy
Geometric Pop Blast
Pop Art Boldness
Pop Art Burst
Pop Art Punch