Palette

Graffiti Alley Chroma

A fearless blend of electric colors, echoing the dynamic and expressive art of a graffiti-covered alley.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Graffiti Alley Chroma 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 Alley Chroma.

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

Data visualization

#FF0077#FF5500#00CCFF#88FF00#AA00FF

Palette guide

How to use Graffiti Alley Chroma

Overview

The Graffiti Alley Chroma palette is a fearless collection of electric colors, perfect for designers and developers aiming for high-impact, energetic designs. With vibrant hues like the bold pink #FF0077, the fiery orange #FF5500, and the striking electric blue #00CCFF, this palette echoes the dynamic and expressive art found in urban streetscapes. The addition of the lively green #88FF00 and the intense purple #AA00FF ensures a wide spectrum of visual excitement. Utilize these colors to create memorable brand identities, engaging digital experiences, or any project that demands a strong, youthful, and rebellious aesthetic.

Best used for

Youth-focused branding and marketing
Digital art and illustration
Streetwear and fashion design
Event promotions and posters
Gaming interfaces and assets
Music album covers and promotional materials

Suggested color roles

primary

Use #FF0077 as a commanding primary for headlines or key calls to action, drawing immediate attention.

secondary

Employ #FF5500 to complement the primary, providing warmth and energy in secondary elements or backgrounds.

accent

Apply #00CCFF for vibrant accents, interactive elements, or to create a strong visual pop against other colors.

background

A deep charcoal or black background (e.g., #1A1A1A) would allow these vibrant colors to truly pop. Alternatively, use #AA00FF for a bold, immersive background.

text

For optimal readability, use a crisp white or a dark charcoal text, depending on the background. Consider #00CCFF for large headings on a dark background.

Accessibility notes

Ensure sufficient contrast between vibrant colors and background, especially for text and interactive elements.
Avoid using two highly saturated colors (e.g., #FF0077 and #FF5500) directly adjacent for small text, as it can cause visual vibration.
Test color blindness compatibility, as some highly saturated hues can be challenging for certain users.
Consider using a stark black or white for text on these bright colors to maximize readability.

Recommended combinations

Urban Energy

Ideal for bold graphic statements, digital banners, or striking UI elements that need to stand out.

#FF0077 · #00CCFF · #AA00FF

Street Glow

Excellent for creating a lively, energetic gradient or for accentuating different sections of a layout.

#FF5500 · #88FF00 · #FF0077

Neon Contrast

Perfect for high-contrast illustrations, website headers, or interactive components that demand attention.

#00CCFF · #AA00FF · #FF5500

CSS variables

:root {
  --graffiti-alley-chroma-1: #FF0077;
  --graffiti-alley-chroma-2: #FF5500;
  --graffiti-alley-chroma-3: #00CCFF;
  --graffiti-alley-chroma-4: #88FF00;
  --graffiti-alley-chroma-5: #AA00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "graffiti-alley-chroma": {
        1: "#FF0077",
        2: "#FF5500",
        3: "#00CCFF",
        4: "#88FF00",
        5: "#AA00FF",
      }
    }
  }
}

Hex values

Color 1#FF0077

Color 2#FF5500

Color 3#00CCFF

Color 4#88FF00

Color 5#AA00FF

Accessibility

Contrast checker

1.2:1Fail

2:1Fail

3:1Fail

1.3:1Fail

1.2:1Fail

1.7:1Fail

2.5:1Fail

1.6:1Fail

2:1Fail

1.7:1Fail

1.5:1Fail

2.7:1Fail

3:1Fail

2.5:1Fail

1.5:1Fail

3.9:1AA18

1.3:1Fail

1.6:1Fail

2.7:1Fail

3.9:1AA18

Similar palettes

More like Graffiti Alley Chroma

View all vibrant

Electric Graffiti Wall

Graffiti Wall Burst

Street Art Canvas

Alley Art Splatter

Alleyway Mural Splash

City Street Art