Back to palettes

Palette

Urban Graffiti Wall

A raw explosion of bright colors, reflecting the dynamic and chaotic energy of street art murals.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4500#8A2BE2#32CD32#1E90FF#FFD700

Palette guide

How to use Urban Graffiti Wall

Overview

The Urban Graffiti Wall palette delivers a raw explosion of bright colors, reflecting the dynamic and chaotic energy of street art murals. With audacious hues like `#FF4500` (orange-red), `#8A2BE2` (blue-violet), and `#32CD32` (lime green), this palette is designed to be immediately eye-catching. Designers can leverage its playful yet intense nature for projects that require a rebellious and expressive touch, while developers will find the distinct color identities useful for creating engaging interactive elements and clear visual segmentation. The inclusion of `#1E90FF` (dodger blue) and `#FFD700` (gold) further amplifies its vibrant and versatile appeal.

Best used for

  • Creative agency branding
  • Youth-oriented product packaging
  • Event and festival websites
  • Artistic mobile applications
  • Streetwear e-commerce stores
  • Dynamic digital advertising

Suggested color roles

primary

Use `#FF4500` as an energetic primary for calls to action, main headlines, or impactful hero sections.

secondary

Apply `#8A2BE2` for supporting elements, subheadings, or as a vibrant background for specific content blocks.

accent

Inject a burst of freshness with `#32CD32` for highlights, indicators, or small interactive elements.

background

Given the palette's vibrancy, a neutral dark gray or black is recommended as a background to let colors pop, or a very light gray to keep it airy.

text

For text on vibrant colors, white or a very light gray is essential. For text on neutral backgrounds, black or a dark charcoal is suitable.

Accessibility notes

  • The bright, saturated colors like `#FF4500`, `#8A2BE2`, `#32CD32` have inherently low contrast with each other; use them carefully for text.
  • Always ensure text on any of these vibrant colors has sufficient contrast, often requiring white or black text.
  • Avoid using two highly saturated colors from this palette (e.g., `#FF4500` and `#32CD32`) adjacent for critical information.
  • For readability, reserve the most vibrant colors for accents and use neutral or high-contrast pairings for body text.

Recommended combinations

Energetic Clash

Creates a high-energy, playful contrast for dynamic banners, headers, or abstract art elements.

#FF4500 · #32CD32 · #8A2BE2

Urban Brights

Ideal for infographics, data visualization, or UI elements that need clear, vibrant differentiation.

#1E90FF · #FFD700 · #32CD32

Vivid Pop

Use for calls to action, buttons, or highlights against a darker or neutral background for maximum impact.

#8A2BE2 · #FF4500 · #FFD700

CSS variables

:root {
  --urban-graffiti-wall-3-1: #FF4500;
  --urban-graffiti-wall-3-2: #8A2BE2;
  --urban-graffiti-wall-3-3: #32CD32;
  --urban-graffiti-wall-3-4: #1E90FF;
  --urban-graffiti-wall-3-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-graffiti-wall-3": {
        1: "#FF4500",
        2: "#8A2BE2",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#FFD700",
      }
    }
  }
}

Related searches

playful street art colorsvibrant graffiti mural palettebold expressive design huesenergetic urban color schemecolorful abstract art palette

Palette colors

Hex values

Color 1#FF4500
·
Color 2#8A2BE2
·
Color 3#32CD32
·
Color 4#1E90FF
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.6:1Fail
1.1:1Fail
2.5:1Fail
2
1.7:1Fail
2.8:1Fail
1.8:1Fail
4.2:1AA18
3
1.6:1Fail
2.8:1Fail
1.5:1Fail
1.5:1Fail
4
1.1:1Fail
1.8:1Fail
1.5:1Fail
2.3:1Fail
5
2.5:1Fail
4.2:1AA18
1.5:1Fail
2.3:1Fail

Similar palettes

More like Urban Graffiti Wall

View all vibrant
Urban Alley Canvas
Bohemian Rhapsody Art
Exotic Feather Splendor
Feathered Jewel
Neon Graffiti Splash
Abstract Art Canvas