Palette

Geometric Pop Blast

A dynamic and edgy palette with stark, contrasting colors, inspired by bold geometric pop art designs.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Geometric Pop 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 Geometric Pop Blast.

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

Data visualization

#E4002B#FCFF33#00A6D6#FF9900#660099

Palette guide

How to use Geometric Pop Blast

Overview

Geometric Pop Blast is a high-energy, dynamic color palette designed to grab attention. This vibrant collection features a striking red (#E4002B), a brilliant yellow (#FCFF33), a bold cyan blue (#00A6D6), an energetic orange (#FF9900), and a rich purple (#660099). Inspired by pop art and modern design, it’s perfect for projects requiring a playful yet edgy aesthetic. Designers and developers can leverage its stark contrasts to create visually impactful interfaces, marketing materials, or branding that stands out. The intentional use of these highly saturated hues ensures a memorable and distinctive visual experience, making it ideal for conveying excitement and contemporary flair in digital and print media.

Best used for

Youth-oriented branding
Digital advertisements
Event posters and flyers
Interactive web applications
Mobile game interfaces
Fashion and streetwear designs

Suggested color roles

primary

Use this bold red (#E4002B) for calls-to-action or key brand elements to convey urgency and excitement.

secondary

A strong, cool contrast to the primary, #00A6D6 is ideal for headings, secondary buttons, or large graphical blocks.

accent

This electric yellow (#FCFF33) is perfect for small, impactful highlights, notifications, or interactive states.

background

Opt for a neutral background like a very light grey or off-white to let the vibrant colors truly pop without overwhelming the user.

text

For optimal readability, use a dark grey or pure black text color on light backgrounds. For dark backgrounds, use white text.

Accessibility notes

Ensure sufficient contrast between #FCFF33 (yellow) and any text placed on it; it often requires dark text.
The vibrant nature of #E4002B and #00A6D6 provides good contrast against lighter backgrounds.
Avoid placing #FF9900 (orange) text directly on #FCFF33 (yellow) backgrounds due to low contrast.
Use larger font sizes or bolding for text in #660099 on darker backgrounds to improve legibility.

Recommended combinations

Pop Art Contrast

For high-impact headlines and graphic elements in posters or digital ads.

#E4002B · #FCFF33 · #00A6D6

Energetic Duo

Creates a warm, energetic feel, great for playful branding or interactive elements.

#FCFF33 · #FF9900 · #E4002B

Bold Statement

Excellent for a sophisticated yet bold brand identity, offering depth and vibrancy.

#660099 · #E4002B · #00A6D6

CSS variables

:root {
  --geometric-pop-blast-1: #E4002B;
  --geometric-pop-blast-2: #FCFF33;
  --geometric-pop-blast-3: #00A6D6;
  --geometric-pop-blast-4: #FF9900;
  --geometric-pop-blast-5: #660099;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "geometric-pop-blast": {
        1: "#E4002B",
        2: "#FCFF33",
        3: "#00A6D6",
        4: "#FF9900",
        5: "#660099",
      }
    }
  }
}

Hex values

Color 1#E4002B

Color 2#FCFF33

Color 3#00A6D6

Color 4#FF9900

Color 5#660099

Accessibility

Contrast checker

4.5:1AA18

1.7:1Fail

2.3:1Fail

2.1:1Fail

4.5:1AA18

2.6:1Fail

2:1Fail

9.6:1AAA

1.7:1Fail

2.6:1Fail

1.3:1Fail

3.7:1AA18

2.3:1Fail

2:1Fail

1.3:1Fail

4.8:1AA

2.1:1Fail

9.6:1AAA

3.7:1AA18

4.8:1AA

Similar palettes

More like Geometric Pop Blast

Abstract Geometric Hue

Bauhaus Geometry Play