Back to palettes

Palette

Urban Chroma Spray

A bold and dynamic palette that captures the explosive, vibrant energy of urban graffiti art.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Chroma Spray 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 Urban Chroma Spray.

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

Data visualization

#FF0090#00FF00#FFFF00#00FFFF#FF00FF

Palette guide

How to use Urban Chroma Spray

Overview

The "Urban Chroma Spray" palette is an explosion of pure, vibrant colors, capturing the electrifying energy of urban graffiti art. Featuring #FF0090 (Magenta), #00FF00 (Lime Green), #FFFF00 (Yellow), #00FFFF (Cyan), and #FF00FF (Fuchsia), this scheme is unashamedly bold and dynamic. It's the perfect choice for designers aiming to create high-impact, energetic, and playful designs that demand attention. This palette is less about subtle sophistication and more about raw, unbridled creativity, making it ideal for youth brands, entertainment, or any project that needs to stand out with maximal visual punch.

Best used for

  • Youth-oriented fashion and lifestyle brands
  • Music festivals and entertainment event promotions
  • Gaming interfaces and streaming platforms
  • Digital art and graphic design projects
  • Creative agency branding and websites
  • Streetwear e-commerce and social media campaigns

Suggested color roles

primary

#FF0090 (Magenta) - A bold, energetic primary for main headings, call-to-actions, or dominant graphic elements, demanding immediate attention.

secondary

#00FF00 (Lime Green) - Provides a vibrant contrast, excellent for subheadings, interactive elements, or sections needing high visibility.

accent

#FFFF00 (Yellow) - The ultimate pop of color for alerts, highlights, or small, crucial details, adding an extra layer of vibrancy.

background

#00FFFF (Cyan) - A bright, active background that supports the other vibrant colors, creating an immersive and dynamic canvas.

text

A stark black like #000000 for text on #FFFF00 or #00FF00, or a crisp white like #FFFFFF for text on #FF0090, #00FFFF, or #FF00FF.

Accessibility notes

  • High contrast is crucial; use black or white text for maximum readability on these vibrant colors.
  • Avoid using similar light or dark colors for text and background (e.g., #FFFF00 text on #00FF00 background).
  • Ensure interactive elements have a clear focus state that maintains high contrast.
  • Consider larger font sizes or bolding for text to improve readability with such intense colors.

Recommended combinations

Graffiti Pop

Creates dynamic, eye-catching banners or hero sections, reflecting street art aesthetics.

#FF0090 · #00FF00 · #FFFF00

Digital Glow

Ideal for futuristic UI elements, glow effects, or animated backgrounds, evoking digital vibrancy.

#00FFFF · #FF00FF · #00FF00

Bold Contrast

Use for call-to-action buttons against a contrasting background, ensuring maximum visibility and energy.

#FF0090 · #00FFFF · #FFFF00

CSS variables

:root {
  --urban-chroma-spray-1: #FF0090;
  --urban-chroma-spray-2: #00FF00;
  --urban-chroma-spray-3: #FFFF00;
  --urban-chroma-spray-4: #00FFFF;
  --urban-chroma-spray-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-chroma-spray": {
        1: "#FF0090",
        2: "#00FF00",
        3: "#FFFF00",
        4: "#00FFFF",
        5: "#FF00FF",
      }
    }
  }
}

Related searches

vibrant neon color palettegraffiti art colorsenergetic cyberpunk palettebold primary color schemebright urban street art

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Urban Chroma Spray

View all vibrant
Vibrant Mural Burst
Abstract Canvas Pop
Abstract Expression Burst
Abstract Ocean Flow
Abstract Polygon Pop
Alley Art Splatter