Back to palettes

Palette

City Pop Art Burst

Bold and graphic colors exploding with the raw energy and visual impact of street pop art.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6007A#00FFBE#FFEE00#36015D#FF6F00

Palette guide

How to use City Pop Art Burst

Overview

The "City Pop Art Burst" palette is an explosion of playful, high-energy colors, perfect for designs that aim to make a bold statement. With a striking fuchsia #E6007A, a vibrant aqua #00FFBE, and a dazzling yellow #FFEE00, this palette is grounded by a deep, enigmatic purple #36015D and brightened by a lively orange #FF6F00. This combination evokes the raw energy of urban street art and pop culture, offering designers and developers a toolkit for creating dynamic, eye-catching interfaces, playful branding, or expressive digital content. It's designed to grab attention and convey a sense of fun and modern creativity.

Best used for

  • Youth-oriented brand identities
  • Creative agency websites
  • Event promotions and flyers
  • Mobile game UI design
  • Fashion and lifestyle blogs
  • Interactive art installations

Suggested color roles

primary

#E6007A - A confident, energetic fuchsia, excellent for main calls-to-action or prominent branding.

secondary

#00FFBE - A fresh aqua, providing a vibrant counterpoint and ideal for secondary interactive elements or data visualization.

accent

#FFEE00 - The bright yellow, perfect for highlights, warnings, or elements needing immediate attention.

background

#36015D - A rich, deep purple, offering a sophisticated and dramatic base for the brighter colors to pop.

text

#FFEE00 - For impactful headlines or a clean white/near-white for body text on dark backgrounds.

Accessibility notes

  • Ensure #FFEE00 text on #36015D backgrounds has sufficient contrast; larger font sizes or bolding may be necessary.
  • Be mindful of color combinations like #E6007A and #FF6F00 for text, as their proximity in hue can reduce readability.
  • Provide clear focus indicators for interactive elements, especially if using bright colors that might blend with surrounding graphics.
  • Test for color blindness; the vibrant nature of this palette means certain color pairs could be indistinguishable for some users.

Recommended combinations

Pop Contrast

A bold combination for hero sections, strong branding, or impactful headlines against a deep background.

#36015D · #E6007A · #FFEE00

Energetic Flow

Great for dynamic infographics, progress bars, or playful navigation menus.

#00FFBE · #FF6F00 · #36015D

Bursting Bright

Use these three bright colors for graphic elements, illustrations, or vibrant call-outs on a neutral (or dark) background.

#E6007A · #FFEE00 · #00FFBE

CSS variables

:root {
  --city-pop-art-burst-1: #E6007A;
  --city-pop-art-burst-2: #00FFBE;
  --city-pop-art-burst-3: #FFEE00;
  --city-pop-art-burst-4: #36015D;
  --city-pop-art-burst-5: #FF6F00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "city-pop-art-burst": {
        1: "#E6007A",
        2: "#00FFBE",
        3: "#FFEE00",
        4: "#36015D",
        5: "#FF6F00",
      }
    }
  }
}

Related searches

pop art color schemevibrant urban paletteplayful modern colorsgraphic design palettestreet art branding

Palette colors

Hex values

Color 1#E6007A
·
Color 2#00FFBE
·
Color 3#FFEE00
·
Color 4#36015D
·
Color 5#FF6F00
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
3.8:1AA18
3.5:1AA18
1.6:1Fail
2
3.5:1AA18
1.1:1Fail
12.2:1AAA
2.1:1Fail
3
3.8:1AA18
1.1:1Fail
13.3:1AAA
2.3:1Fail
4
3.5:1AA18
12.2:1AAA
13.3:1AAA
5.7:1AA
5
1.6:1Fail
2.1:1Fail
2.3:1Fail
5.7:1AA

Similar palettes

More like City Pop Art Burst

View all vibrant
Carnival Pop Art
Atomic Diner Swirl
Bubblegum Pop Burst
Candy Wrapper Pop
Carnival Funfair Lights
Carnival Pop Art