Back to palettes

Palette

Street Art Burst

A dynamic splash of intense, spray-painted colors mirroring the raw energy of urban street art.

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

#FF00FF#00FFFF#FFD700#32CD32#FF4500

Palette guide

How to use Street Art Burst

Overview

The Street Art Burst palette is an electrifying collection of intense, spray-painted colors that capture the raw energy of urban art. Featuring a powerful mix of #FF00FF (magenta), #00FFFF (cyan), #FFD700 (gold), #32CD32 (lime green), and #FF4500 (orange-red), this palette is designed for maximum visual impact. It's a fantastic choice for projects that demand a bold, dynamic, and contemporary aesthetic. Designers can harness these vibrant shades to create engaging digital experiences, eye-catching branding, or marketing materials that truly stand out. This palette embodies creativity, modernity, and an uninhibited spirit, making it ideal for youth culture, entertainment, or innovative tech brands.

Best used for

  • Youth culture and entertainment branding
  • Dynamic digital advertising campaigns
  • Creative agency websites
  • Event and festival promotional materials
  • Gaming and esports design
  • Bold app interfaces

Suggested color roles

primary

Use #FF00FF for main calls-to-action or key brand elements to create an unforgettable, energetic impression.

secondary

Apply #00FFFF or #FFD700 for supporting visuals, navigation accents, or vibrant content blocks.

accent

Utilize #FF4500 or #32CD32 for interactive elements, highlights, or graphic details to add unexpected pops of color.

background

A neutral dark gray or black background is recommended to allow these intense colors to truly pop and maintain focus.

text

For optimal readability on darker backgrounds, use #FFD700, #00FFFF, or #FF00FF. For a striking effect, black or charcoal can be used on lighter elements.

Accessibility notes

  • Ensure sufficient contrast between any of the vibrant colors used for text and their background.
  • Avoid pairing highly saturated colors like #FF00FF and #32CD32 for text and background directly, as it can strain eyes.
  • Test for color blindness, as the intensity and hue shifts can be challenging for some users.
  • Provide clear visual cues beyond color, especially for interactive elements, to ensure accessibility.

Recommended combinations

Electric Base

Perfect for creating a high-energy, contrasting visual base for headers or graphic elements.

#FF00FF · #00FFFF · #FFD700

Vivid Accents

Ideal for dynamic button states, infographics, or adding unexpected bursts of color to a design.

#32CD32 · #FF4500 · #00FFFF

Bold Contrast

Use this trio for a playful yet striking combination, great for illustrations or abstract branding.

#FF00FF · #FFD700 · #32CD32

CSS variables

:root {
  --street-art-burst-1: #FF00FF;
  --street-art-burst-2: #00FFFF;
  --street-art-burst-3: #FFD700;
  --street-art-burst-4: #32CD32;
  --street-art-burst-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "street-art-burst": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#32CD32",
        5: "#FF4500",
      }
    }
  }
}

Related searches

vibrant graffiti paletteenergetic urban colorsbold neon color schemecreative street art designhigh impact color palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#32CD32
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
1.5:1Fail
1.1:1Fail
2
2.5:1Fail
1.1:1Fail
1.7:1Fail
2.7:1Fail
3
2.2:1Fail
1.1:1Fail
1.5:1Fail
2.5:1Fail
4
1.5:1Fail
1.7:1Fail
1.5:1Fail
1.6:1Fail
5
1.1:1Fail
2.7:1Fail
2.5:1Fail
1.6:1Fail

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