Back to palettes

Palette

Graffiti Wall Burst

A raw, energetic explosion of color inspired by dynamic street art and vibrant graffiti walls.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Graffiti Wall 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 Graffiti Wall Burst.

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

Data visualization

#FF00FF#00FF00#FFFF00#FF4500#00BFFF

Palette guide

How to use Graffiti Wall Burst

Overview

The Graffiti Wall Burst palette is a raw, energetic explosion of color inspired by dynamic street art and vibrant graffiti walls. Featuring intense hues like the striking magenta #FF00FF, the lively green #00FF00, and the sunny yellow #FFFF00, this palette is designed for maximum visual impact. The inclusion of the fiery orange #FF4500 and the cool sky blue #00BFFF ensures a balanced yet exhilarating mix. Designers and developers can leverage this palette to create powerful, eye-catching projects that embody a sense of urban spontaneity and bold creativity, perfect for breaking through visual clutter.

Best used for

  • High-impact advertising and branding
  • Creative digital illustrations and art
  • Youth-oriented product design
  • Festival and music event marketing
  • Dynamic website heroes and banners
  • Streetwear and urban fashion graphics

Suggested color roles

primary

Use #FF00FF as a dominant primary for a bold and modern statement, ideal for branding or key elements.

secondary

Employ #FF4500 to add warmth and intensity, perfect for secondary calls to action or background accents.

accent

Apply #00BFFF for cool, refreshing accents, interactive elements, or to provide visual relief and contrast.

background

A deep neutral like charcoal or black (e.g., #1A1A1A) will make these vibrant colors truly burst. Alternatively, use a muted dark blue for a moody backdrop.

text

For optimal readability, use crisp white or a dark charcoal on these bright backgrounds. #FFFF00 can be effective for large, attention-grabbing headlines.

Accessibility notes

  • Ensure high contrast for text and interactive elements, especially when placing bright colors on other bright colors.
  • Avoid adjacent use of #00FF00 and #FFFF00 for small text or critical information due to potential readability issues for some.
  • Test color pairings for colorblind users, particularly with the green and red/orange hues.
  • Reserve the brightest colors for accents or large design elements rather than extensive body text.

Recommended combinations

Vibrant Clash

Creates a dynamic, energetic focal point suitable for digital banners, app icons, or expressive logos.

#FF00FF · #00BFFF · #FF4500

Street Light

Excellent for highlighting key features, creating luminous effects, or for playful and youthful designs.

#FFFF00 · #00FF00 · #FF00FF

Urban Flow

Perfect for creating a sense of movement or for differentiating sections in a lively, modern layout.

#FF4500 · #00BFFF · #00FF00

CSS variables

:root {
  --graffiti-wall-burst-1: #FF00FF;
  --graffiti-wall-burst-2: #00FF00;
  --graffiti-wall-burst-3: #FFFF00;
  --graffiti-wall-burst-4: #FF4500;
  --graffiti-wall-burst-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "graffiti-wall-burst": {
        1: "#FF00FF",
        2: "#00FF00",
        3: "#FFFF00",
        4: "#FF4500",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

graffiti inspired color schemebold bright urban paletteenergetic street art colorsyouthful vibrant designdynamic pop art palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FF00
·
Color 3#FFFF00
·
Color 4#FF4500
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.9:1Fail
1.1:1Fail
1.5:1Fail
2
2.3:1Fail
1.3:1Fail
2.5:1Fail
1.5:1Fail
3
2.9:1Fail
1.3:1Fail
3.2:1AA18
2:1Fail
4
1.1:1Fail
2.5:1Fail
3.2:1AA18
1.6:1Fail
5
1.5:1Fail
1.5:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Graffiti Wall Burst

View all vibrant
Alley Art Splatter
City Street Art
Electric Graffiti Wall
Graffiti Alley Chroma
Graffiti Alley Pulse
Street Art Burst