Back to palettes

Palette

Alleyway Mural Splash

A chaotic yet captivating explosion of color, mirroring the dynamic and uninhibited spirit of urban graffiti.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Alleyway Mural 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 Alleyway Mural Splash.

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF4500#00FF00

Palette guide

How to use Alleyway Mural Splash

Overview

The Alleyway Mural Splash palette is an uninhibited explosion of pure, primary, and secondary colors, echoing the dynamic spirit of urban graffiti and pop art. Featuring electric magenta #FF00FF, vivid cyan #00FFFF, sunny yellow #FFFF00, fiery orange #FF4500, and bright lime green #00FF00, this palette is pure energy. It’s perfect for designers and developers who want to create bold, unforgettable visual experiences that demand attention. Ideal for projects aiming for a playful, rebellious, and highly impactful aesthetic, this palette thrives in contexts where maximum vibrancy and sharp contrasts are desired, from digital interfaces to event branding.

Best used for

  • Pop art inspired designs
  • Children's entertainment branding
  • Youth-focused marketing campaigns
  • Interactive digital installations
  • Festival and event graphics
  • Loud and proud social media visuals

Suggested color roles

primary

Use #FF00FF as a bold, energetic leading color for primary branding and attention-grabbing headlines.

secondary

Apply #00FFFF as a cool, vibrant counterpoint, excellent for secondary elements and dynamic graphic accents.

accent

Employ #FFFF00 as the brightest, most attention-grabbing highlight for calls-to-action or critical information.

background

Utilize pure black to make all the vibrant colors truly pop and create dramatic, high-contrast visual effects.

text

Use white text for optimal readability on any of the vibrant colors or a black background, ensuring maximum contrast.

Accessibility notes

  • High contrast is crucial; ensure white or black text is used on these vibrant colors for legibility.
  • Avoid combining colors like #FFFF00 text on #00FF00 background due to extremely low contrast for many users.
  • These extremely saturated colors can be challenging for users with certain types of color blindness; use patterns or icons as supplementary cues.
  • Ensure interactive elements have clear hover/focus states that are not solely color-dependent to avoid accessibility issues.

Recommended combinations

Neon Pop

Creates a classic neon, high-energy trio perfect for headlines, logos, or striking graphics.

#FF00FF · #00FFFF · #FFFF00

Urban Chaos

A vibrant, almost clashing combination for dynamic backgrounds or rebellious design elements.

#FF4500 · #00FF00 · #FF00FF

Primary Punch

Ideal for playful, energetic designs, illustrations, or children's media where brightness is key.

#FFFF00 · #00FFFF · #FF4500

CSS variables

:root {
  --alleyway-mural-splash-1: #FF00FF;
  --alleyway-mural-splash-2: #00FFFF;
  --alleyway-mural-splash-3: #FFFF00;
  --alleyway-mural-splash-4: #FF4500;
  --alleyway-mural-splash-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alleyway-mural-splash": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#FF4500",
        5: "#00FF00",
      }
    }
  }
}

Related searches

neon graffiti palettepop art color schemevibrant primary colorsenergetic design paletteurban art color explosion

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Alleyway Mural Splash

View all vibrant
Alley Art Splatter
City Street Art
Cybernetic Street Grid
Electric Graffiti Wall
Future Metropolis Pulse
Graffiti Alley Chroma