Back to palettes

Palette

Urban Canvas Graffitti

A dynamic explosion of bold, contrasting colors found in vibrant street art and city scenes.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Canvas Graffitti 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 Canvas Graffitti.

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

Data visualization

#2C3E50#E74C3C#27AE60#F39C12#8E44AD

Palette guide

How to use Urban Canvas Graffitti

Overview

The Urban Canvas Graffitti palette is an explosion of bold, energetic colors, perfect for designs that aim to be expressive and dynamic. Anchored by the deep, serious #2C3E50, this palette bursts with vibrant hues: a passionate #E74C3C, a refreshing #27AE60, a glowing #F39C12, and a striking #8E44AD. Designers and developers can leverage these contrasting tones to create highly engaging and memorable experiences. It's an excellent choice for projects inspired by street art and city scenes, where a playful yet powerful visual statement is desired. This palette ensures your designs stand out with undeniable vibrancy.

Best used for

  • Youth-focused marketing campaigns
  • Event branding and promotions
  • Digital art and illustration
  • Creative app interfaces
  • Streetwear fashion collections
  • Music festival visual identity

Suggested color roles

primary

Utilize #2C3E50 as a strong, grounding dark base for layouts, providing depth and contrast for brighter colors.

secondary

Deploy #E74C3C for energetic calls to action, important alerts, or to inject passion and urgency.

accent

Distribute #27AE60, #F39C12, and #8E44AD as vibrant accents for interactive elements, highlights, or distinct sections.

background

Consider #2C3E50 as a dark background for dramatic effect, making the vibrant colors pop. Alternatively, use a very light neutral (like near-white) for a clean canvas.

text

Use white or a very light gray for text on dark backgrounds like #2C3E50 to ensure optimal readability.

Accessibility notes

  • Ensure all text, especially on vibrant backgrounds, has sufficient contrast. White text on #2C3E50 works well.
  • Avoid using #E74C3C, #27AE60, #F39C12, or #8E44AD for small text on similar bright backgrounds due to poor readability.
  • When using multiple bright colors, ensure they don't visually compete or cause eye strain; use #2C3E50 to break up large blocks.
  • Verify color combinations meet WCAG contrast guidelines, particularly for interactive elements.

Recommended combinations

Energetic Pop

Perfect for creating impactful headers, alerts, or graphics that demand immediate attention and energy.

#2C3E50 · #E74C3C · #F39C12

Street Vibe

Ideal for expressive illustrations, distinct sections, or to convey a rebellious, artistic feel.

#27AE60 · #8E44AD · #2C3E50

Bold Statement

Use for vibrant accents, infographics, or elements that need to stand out with a playful yet powerful presence.

#F39C12 · #E74C3C · #27AE60

CSS variables

:root {
  --urban-canvas-graffitti-1: #2C3E50;
  --urban-canvas-graffitti-2: #E74C3C;
  --urban-canvas-graffitti-3: #27AE60;
  --urban-canvas-graffitti-4: #F39C12;
  --urban-canvas-graffitti-5: #8E44AD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-canvas-graffitti": {
        1: "#2C3E50",
        2: "#E74C3C",
        3: "#27AE60",
        4: "#F39C12",
        5: "#8E44AD",
      }
    }
  }
}

Related searches

energetic street art palettebold urban colorsgraffiti art schemevibrant city paletteexpressive design colors

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#E74C3C
·
Color 3#27AE60
·
Color 4#F39C12
·
Color 5#8E44AD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
3.8:1AA18
5:1AA
1.9:1Fail
2
2.9:1Fail
1.3:1Fail
1.7:1Fail
1.5:1Fail
3
3.8:1AA18
1.3:1Fail
1.3:1Fail
2:1Fail
4
5:1AA
1.7:1Fail
1.3:1Fail
2.7:1Fail
5
1.9:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail

Similar palettes

More like Urban Canvas Graffitti

View all vibrant
Energetic City Mural
Urban Canvas Mural
Urban Graffito Wall
Urban Street Art
Abstract Canvas Swirl
Abstract Expression Hues