Back to palettes

Palette

Alley Art Splatter

A raw, energetic palette inspired by spontaneous and bold street art in a vibrant city.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Alley Art Splatter 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 Alley Art Splatter.

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

Data visualization

#00BCD4#FF5722#8BC34A#E91E63#303030

Palette guide

How to use Alley Art Splatter

Overview

The Alley Art Splatter palette is an explosion of urban energy, directly inspired by the spontaneous and bold expressions of street art. It features an electrifying mix of vivid hues like the bright cyan #00BCD4, a fiery orange #FF5722, and a punchy pink #E91E63. A fresh lime green #8BC34A adds another dynamic layer, all grounded by the strong, dark gray #303030. This palette is perfect for designers and developers looking to inject raw, rebellious vitality into their projects. It excels in designs that require high contrast and a truly unforgettable visual impact, making it ideal for youth brands, event promotions, or edgy digital interfaces.

Best used for

  • Youth-oriented brand identities
  • Event posters and promotions
  • Urban streetwear design
  • Dynamic website hero sections
  • Mobile app interfaces for creative apps
  • Graffiti-inspired digital art

Suggested color roles

primary

Use #FF5722 as a highly energetic, attention-grabbing primary color for key elements and calls-to-action.

secondary

Apply #00BCD4 as a cool, vibrant contrast to the warmer tones, suitable for secondary branding or interactive states.

accent

Employ #E91E63 for bold, playful pops of color in illustrations, icons, or to highlight important information.

background

Utilize #303030 as a strong, dark, grounding canvas that makes the vibrant colors truly pop and stand out.

text

Use white text for maximum readability on dark backgrounds like #303030, or a charcoal gray for lighter backgrounds.

Accessibility notes

  • Ensure all vibrant colors (e.g., #FF5722, #E91E63) have sufficient contrast against #303030 or white text.
  • Avoid using #8BC34A text directly on #00BCD4 background due to potential low contrast for some users.
  • Use larger font sizes for lighter colors like #8BC34A if placed on mid-tone backgrounds to improve legibility.
  • Consider alternative visual cues for color-coded information, as some bright combinations might be challenging for colorblind users.

Recommended combinations

Urban Neon

Creates a bold, high-contrast look perfect for headlines or interactive elements on a dark canvas.

#303030 · #00BCD4 · #E91E63

Street Burst

Ideal for energetic calls-to-action or sections needing a warm, vibrant punch against a strong base.

#FF5722 · #8BC34A · #303030

Graffiti Pop

A dynamic trio for accent graphics, icons, or design elements that demand immediate attention.

#E91E63 · #00BCD4 · #FF5722

CSS variables

:root {
  --alley-art-splatter-1: #00BCD4;
  --alley-art-splatter-2: #FF5722;
  --alley-art-splatter-3: #8BC34A;
  --alley-art-splatter-4: #E91E63;
  --alley-art-splatter-5: #303030;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alley-art-splatter": {
        1: "#00BCD4",
        2: "#FF5722",
        3: "#8BC34A",
        4: "#E91E63",
        5: "#303030",
      }
    }
  }
}

Related searches

street art color palettegraffiti color schemebold urban colorsenergetic design palettevibrant street style colors

Palette colors

Hex values

Color 1#00BCD4
·
Color 2#FF5722
·
Color 3#8BC34A
·
Color 4#E91E63
·
Color 5#303030
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
1.9:1Fail
5.7:1AA
2
1.4:1Fail
1.5:1Fail
1.4:1Fail
4.2:1AA18
3
1.1:1Fail
1.5:1Fail
2.1:1Fail
6.3:1AA
4
1.9:1Fail
1.4:1Fail
2.1:1Fail
3:1AA18
5
5.7:1AA
4.2:1AA18
6.3:1AA
3:1AA18

Similar palettes

More like Alley Art Splatter

View all vibrant
Graffiti Alley Pulse
City Street Art
Electric Graffiti Wall
Graffiti Wall Burst
Urban Art Canvas
Urban Graffiti Wall