Palette

Electric Graffiti Wall

A dynamic burst of color, channeling the raw energy of urban street art and neon signs.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A1A#FF00FF#00FFFF#FFFF00#FF4500

Palette guide

How to use Electric Graffiti Wall

Overview

The Electric Graffiti Wall palette embodies the raw energy of urban street art with a dynamic burst of color. Anchored by a deep #1A1A1A, it provides a stark canvas for the electrifying neons: #FF00FF (Magenta), #00FFFF (Cyan), #FFFF00 (Yellow), and #FF4500 (OrangeRed). This high-contrast combination is perfect for projects demanding immediate visual impact and an edgy, energetic vibe. Designers can use these vivid hues to simulate neon signs, create bold typography, or design eye-catching graphics that pop. Developers can integrate this palette into interfaces for music apps, event promotions, or youth-oriented digital platforms that aim to capture attention.

Best used for

Streetwear brand identity
Music album covers and concert posters
Urban art exhibitions
Youth-focused digital campaigns
Vibrant gaming interfaces
Dynamic website headers

Suggested color roles

primary

#1A1A1A (Near Black) - Serves as a strong, grounding background, allowing the vibrant neon colors to truly pop and command attention.

secondary

#FF00FF (Magenta) - A powerful, energetic hue perfect for headlines, calls-to-action, or graphic elements that need to stand out boldly.

accent

#00FFFF (Cyan) - Provides a cool, electric contrast, ideal for highlighting interactive elements, subheadings, or digital accents.

background

#1A1A1A (Near Black) - The optimal choice for a dark, urban backdrop that makes the neon accents glow intensely.

text

#FFFF00 (Yellow) - Excellent for highly visible text on dark backgrounds. For body text on #1A1A1A, white or a very light gray is recommended for readability.

Accessibility notes

Ensure high contrast when pairing any neon color with #1A1A1A for text, checking WCAG guidelines.
Avoid using #FFFF00 for small text on light backgrounds, as it can be difficult to read.
The intense nature of #FF00FF, #00FFFF, #FFFF00, and #FF4500 can cause eye strain; use sparingly for large blocks of text.
Prioritize white or very light text on #1A1A1A for optimal readability for body content.

Recommended combinations

Neon Pop

Creates a classic neon sign effect, ideal for bold headlines, logos, or striking visual accents against a dark backdrop.

#1A1A1A · #FF00FF · #FFFF00

Urban Glow

Perfect for vibrant UI elements or energetic graphics, offering a dynamic contrast that captures attention.

#FF4500 · #00FFFF · #1A1A1A

Graffiti Blast

A high-energy combination for artistic projects, event promotions, or digital art, delivering maximum visual impact.

#FF00FF · #00FFFF · #FF4500

CSS variables

:root {
  --electric-graffiti-wall-1: #1A1A1A;
  --electric-graffiti-wall-2: #FF00FF;
  --electric-graffiti-wall-3: #00FFFF;
  --electric-graffiti-wall-4: #FFFF00;
  --electric-graffiti-wall-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-graffiti-wall": {
        1: "#1A1A1A",
        2: "#FF00FF",
        3: "#00FFFF",
        4: "#FFFF00",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#FF00FF

Color 3#00FFFF

Color 4#FFFF00

Color 5#FF4500

Accessibility

Contrast checker

5.5:1AA

13.9:1AAA

16.2:1AAA

5.1:1AA

5.5:1AA

2.5:1Fail

2.9:1Fail

1.1:1Fail

13.9:1AAA

2.5:1Fail

1.2:1Fail

2.7:1Fail

16.2:1AAA

2.9:1Fail

1.2:1Fail

3.2:1AA18

5.1:1AA

1.1:1Fail

2.7:1Fail

3.2:1AA18

Similar palettes

More like Electric Graffiti Wall

View all vibrant

Alley Art Splatter

Graffiti Alley Chroma

Graffiti Alley Pulse

Graffiti Wall Burst

Street Art Canvas

Alleyway Mural Splash