Palette

Pop Art Bloom

A vivid and striking palette that channels the energetic and graphic spirit of 1960s pop art culture.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E91E63#FFC107#00BCD4#8BC34A#673AB7

Palette guide

How to use Pop Art Bloom

Overview

The Pop Art Bloom palette explodes with the vibrant energy of 1960s pop art, offering a dynamic and playful aesthetic perfect for designers seeking a bold statement. Featuring a striking fuchsia (#E91E63), a sunny yellow (#FFC107), a cool turquoise (#00BCD4), a fresh lime green (#8BC34A), and a deep violet (#673AB7), this collection is designed to capture attention. Developers can leverage these high-contrast colors to create visually arresting interfaces, branding, or digital art that evokes a retro-modern feel. Its vivid hues are ideal for projects requiring a strong visual identity and a touch of nostalgic rebellion. This palette provides a robust foundation for designs that demand to be noticed and remembered.

Best used for

Brand identity for creative agencies
Retro-themed websites or apps
Event posters and flyers
Children's product packaging
Fashion and apparel design
Digital art and illustrations

Suggested color roles

primary

Use #E91E63 as the dominant brand color for a bold, passionate, and energetic presence, ideal for headlines or key graphical elements.

secondary

Apply #FFC107 for supporting elements, calls to action, or secondary branding, providing a cheerful and optimistic contrast.

accent

Introduce #00BCD4 as a refreshing accent for interactive elements, highlights, or to add a cool counterpoint to the warm tones.

background

Employ a neutral light grey or off-white like #F8F8F8 to allow the vibrant palette colors to truly pop without visual clutter.

text

Opt for a dark charcoal or black, such as #333333, to ensure maximum readability against the bright and colorful backgrounds provided by this palette.

Accessibility notes

Ensure sufficient contrast between vibrant text colors (e.g., #E91E63) and background colors to meet WCAG AA standards, especially for smaller fonts.
Exercise caution when pairing #FFC107 (yellow) with lighter backgrounds like #8BC34A (lime green) as their luminance can be too similar for readability.
Provide clear visual cues for interactive elements; the bold accents can help, but check contrast for states like hover/focus.
For users with color vision deficiencies, avoid relying solely on color to convey information, particularly with the bright, similar hues.

Recommended combinations

Retro Pop

Ideal for main branding, headings, and key calls to action, creating an immediate vibrant impact.

#E91E63 · #FFC107 · #00BCD4

Mod Contrast

Excellent for graphic backgrounds, layered illustrations, or to add depth with a touch of playful sophistication.

#673AB7 · #E91E63 · #8BC34A

Digital Zest

Perfect for digital interfaces, interactive elements, and dynamic data visualization, offering clear differentiation.

#00BCD4 · #FFC107 · #E91E63

CSS variables

:root {
  --pop-art-bloom-1: #E91E63;
  --pop-art-bloom-2: #FFC107;
  --pop-art-bloom-3: #00BCD4;
  --pop-art-bloom-4: #8BC34A;
  --pop-art-bloom-5: #673AB7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pop-art-bloom": {
        1: "#E91E63",
        2: "#FFC107",
        3: "#00BCD4",
        4: "#8BC34A",
        5: "#673AB7",
      }
    }
  }
}

Hex values

Color 1#E91E63

Color 2#FFC107

Color 3#00BCD4

Color 4#8BC34A

Color 5#673AB7

Accessibility

Contrast checker

2.7:1Fail

1.9:1Fail

2.1:1Fail

1.7:1Fail

2.7:1Fail

1.4:1Fail

1.3:1Fail

4.5:1AA18

1.9:1Fail

1.4:1Fail

1.1:1Fail

3.2:1AA18

2.1:1Fail

1.3:1Fail

1.1:1Fail

3.5:1AA18

1.7:1Fail

4.5:1AA18

3.2:1AA18

3.5:1AA18

Similar palettes

More like Pop Art Bloom

Vintage Carnival Ride