Back to palettes

Palette

Street Art Burst

A dynamic explosion of bold, contrasting colors found in vibrant city street art and murals.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0099#00FF00#FFCC00#0099FF#333333

Palette guide

How to use Street Art Burst

Overview

The Street Art Burst palette explodes with dynamic, contrasting colors, capturing the raw energy of urban graffiti. This vibrant collection features electric hues like the striking #FF0099, the vivid #00FF00, and the bold #FFCC00, ensuring immediate visual impact. A cool counterpoint is provided by #0099FF, while the grounding #333333 acts as a crucial neutral, allowing the bright colors to truly pop. This palette is perfect for projects that demand attention, creativity, and a modern, edgy feel. Designers can leverage these intense shades to create energetic branding, youth-oriented marketing, or digital experiences that are anything but conventional, embodying a spirit of fearless expression.

Best used for

  • Youth-focused brand identity
  • Event promotion and flyers
  • Creative portfolio websites
  • Gaming UI/UX design
  • Fashion and streetwear marketing
  • Digital art and illustration

Suggested color roles

primary

Use #FF0099 for main calls-to-action, bold headlines, or key branding elements to grab immediate attention.

secondary

Apply #00FF00 or #FFCC00 for supporting visuals, secondary buttons, or energetic background accents.

accent

Utilize #0099FF for interactive elements, hover states, or graphic details to introduce a cool, complementary burst.

background

Employ #333333 for backgrounds to provide a strong, neutral canvas that makes the vibrant colors truly stand out.

text

On dark backgrounds like #333333, use #FF0099, #00FF00, #FFCC00, or #0099FF for impactful text. For lighter elements, black or charcoal can be used.

Accessibility notes

  • Ensure sufficient contrast when using any of the bright colors for text on #333333 background.
  • Avoid using two highly saturated colors (e.g., #FF0099 on #00FF00) for text due to potential readability issues.
  • Test color blindness compatibility, as some vibrant combinations might be challenging for certain users.
  • Provide clear focus indicators for interactive elements that use bright colors to ensure usability.

Recommended combinations

Neon Punch

Perfect for high-impact graphics, bold headlines, or a dark theme with vibrant accents.

#FF0099 · #00FF00 · #333333

Urban Glow

Ideal for creating a dynamic, electric feel in UI elements, banners, or interactive designs.

#FFCC00 · #0099FF · #333333

Energetic Trio

Combine these for a truly vibrant and playful look in illustrations, patterns, or bold branding.

#FF0099 · #0099FF · #FFCC00

CSS variables

:root {
  --street-art-burst-2-1: #FF0099;
  --street-art-burst-2-2: #00FF00;
  --street-art-burst-2-3: #FFCC00;
  --street-art-burst-2-4: #0099FF;
  --street-art-burst-2-5: #333333;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "street-art-burst-2": {
        1: "#FF0099",
        2: "#00FF00",
        3: "#FFCC00",
        4: "#0099FF",
        5: "#333333",
      }
    }
  }
}

Related searches

vibrant street art colorsgraffiti inspired palettebold energetic designneon urban color schemeyouthful brand colors

Palette colors

Hex values

Color 1#FF0099
·
Color 2#00FF00
·
Color 3#FFCC00
·
Color 4#0099FF
·
Color 5#333333
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
2.4:1Fail
1.2:1Fail
3.4:1AA18
2
2.7:1Fail
1.1:1Fail
2.2:1Fail
9.2:1AAA
3
2.4:1Fail
1.1:1Fail
2:1Fail
8.4:1AAA
4
1.2:1Fail
2.2:1Fail
2:1Fail
4.2:1AA18
5
3.4:1AA18
9.2:1AAA
8.4:1AAA
4.2:1AA18

Similar palettes

More like Street Art Burst

View all vibrant
Graffiti Wall Burst
Street Art Burst
Vibrant Alley Mural
Alley Art Splatter
Alley Canvas Pulse
City Canvas Pop