Back to palettes

Palette

Neon Graffiti Splash

Explosive, high-contrast colors perfect for a dynamic, edgy street art masterpiece.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Graffiti Splash 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 Neon Graffiti Splash.

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

Data visualization

#FF00FF#00FF00#FFFF00#00FFFF#FF0000

Palette guide

How to use Neon Graffiti Splash

Overview

The Neon Graffiti Splash palette explodes with high-energy, high-contrast colors, embodying the dynamic spirit of street art and urban expression. Featuring a pure spectrum of intensely bright magenta (#FF00FF), electric green (#00FF00), dazzling yellow (#FFFF00), luminous cyan (#00FFFF), and fiery red (#FF0000), this palette is designed to make an unforgettable statement. Lacking intrinsic darks, it thrives when paired with a deep, contrasting background, such as true black or dark concrete gray. It's an ideal choice for designers and developers aiming to create bold, edgy, and visually arresting content that captures attention and conveys a sense of playful rebellion and raw energy.

Best used for

  • Street art murals and digital graffiti
  • Urban fashion and streetwear branding
  • Music video aesthetics and stage visuals
  • Event branding for youth-oriented festivals
  • Bold digital advertisements and posters
  • Pop art and graphic novel illustrations

Suggested color roles

primary

Use #FF00FF (Magenta) for dominant splashes, key focal points, or primary brand elements to convey bold energy.

secondary

Apply #00FF00 (Electric Green) for contrasting details, energetic backgrounds, or secondary graphic elements.

accent

Incorporate #FFFF00 (Yellow) for highlights, vibrant text, or to simulate spray paint effects. #00FFFF (Cyan) and #FF0000 (Red) offer additional high-impact accents.

background

This palette is intended to pop against a true black or very dark gray background (e.g., #000000 or #121212), which should be introduced externally to achieve optimal contrast.

text

For text, use black or white depending on the specific neon background. White text works well on most neons, while black offers a stark contrast on lighter neons like yellow.

Accessibility notes

  • High saturation can be challenging for readability; use these neons for large text or headlines, not small body copy.
  • Always ensure sufficient contrast between any text and background, typically by using a dark neutral background.
  • Avoid using neon colors for purely informational elements without additional visual cues, as contrast can vary for different users.
  • Be mindful of color clash when placing highly saturated colors directly adjacent; use dark separators if necessary.

Recommended combinations

Street Pop

Excellent for dynamic overlays, graphic elements, or energetic text blocks that demand immediate attention.

#FF00FF · #FFFF00 · #00FF00

Urban Contrast

Ideal for creating intense visual tension and vibrant color blocking, reminiscent of layered graffiti.

#00FFFF · #FF0000 · #FF00FF

Splash Effect

Perfect for energetic backgrounds, abstract patterns, or interactive states, providing a lively, spontaneous feel.

#00FF00 · #FFFF00 · #FF0000

CSS variables

:root {
  --neon-graffiti-splash-1: #FF00FF;
  --neon-graffiti-splash-2: #00FF00;
  --neon-graffiti-splash-3: #FFFF00;
  --neon-graffiti-splash-4: #00FFFF;
  --neon-graffiti-splash-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-graffiti-splash": {
        1: "#FF00FF",
        2: "#00FF00",
        3: "#FFFF00",
        4: "#00FFFF",
        5: "#FF0000",
      }
    }
  }
}

Related searches

graffiti color schemestreet art neonvibrant pop artbold graphic designenergetic urban palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FF00
·
Color 3#FFFF00
·
Color 4#00FFFF
·
Color 5#FF0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.9:1Fail
2.5:1Fail
1.3:1Fail
2
2.3:1Fail
1.3:1Fail
1.1:1Fail
2.9:1Fail
3
2.9:1Fail
1.3:1Fail
1.2:1Fail
3.7:1AA18
4
2.5:1Fail
1.1:1Fail
1.2:1Fail
3.2:1AA18
5
1.3:1Fail
2.9:1Fail
3.7:1AA18
3.2:1AA18

Similar palettes

More like Neon Graffiti Splash

View all vibrant
Retro Pop Arcade
Abstract Art Canvas
Abstract Canvas Drip
Amusement Pier Neon
Big Top Parade
Birthday Parade Joy