Back to palettes

Palette

Urban Alley Canvas

A dynamic explosion of colors, echoing the spontaneous and expressive art of city alleyways.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6347#4682B4#3CB371#FFD700#8A2BE2

Palette guide

How to use Urban Alley Canvas

Overview

The "Urban Alley Canvas" palette is an explosion of dynamic, street-art inspired colors, perfect for projects demanding a bold and expressive aesthetic. It features a fiery Tomato Red (#FF6347), a strong Steel Blue (#4682B4), a fresh Medium Sea Green (#3CB371), a radiant Gold (#FFD700), and a striking Blue Violet (#8A2BE2). This vibrant collection is ideal for designers and developers looking to capture the raw energy and creative spontaneity of cityscapes and graffiti art. It's exceptionally versatile for youth-oriented brands, artistic portfolios, or any digital experience aiming for a lively, unconventional, and impactful visual identity.

Best used for

  • Streetwear or youth fashion brands
  • Creative agency websites
  • Music festival branding
  • Gaming interfaces with a bold style
  • Artistic portfolio showcases
  • Urban culture blogs and apps

Suggested color roles

primary

Use #FF6347 (Tomato Red) for high-impact call-to-action buttons, urgent notifications, or main headings to grab immediate attention.

secondary

Apply #4682B4 (Steel Blue) to provide a strong, stable counterpoint, ideal for navigation, background sections, or significant graphical elements.

accent

Employ #FFD700 (Gold) as a brilliant accent for highlights, interactive elements, or to draw focus to key information with a touch of luxury.

background

For a background from the palette, #4682B4 can work with light text. Otherwise, use a neutral grey or black to let these colors truly pop.

text

For headings on dark neutral backgrounds, use #FFD700 or #FF6347. For body text on lighter neutral backgrounds, use a dark grey or black.

Accessibility notes

  • Many of these vibrant colors will have poor contrast if used as text on light backgrounds or on each other.
  • Always use a strong, dark text color (e.g., black or charcoal) on any of the bright colors like #FFD700 or #FF6347.
  • Ensure #FFD700 text on #8A2BE2 has sufficient contrast, as these are high-energy but potentially low-contrast combinations.
  • For maximum readability, pair these vibrant hues with neutral backgrounds and dark text, or use the vibrant colors only for accents.

Recommended combinations

Street Pop

Ideal for bold banners, using red for primary message, blue for context, and gold for calls to action.

#FF6347 · #4682B4 · #FFD700

Graffiti Burst

Great for artistic sections or layered graphics, showcasing a dynamic interplay of vibrant hues.

#3CB371 · #8A2BE2 · #FF6347

Urban Contrast

Good for UI elements, using blue as a base, gold for highlights, and green for secondary information.

#4682B4 · #FFD700 · #3CB371

CSS variables

:root {
  --urban-alley-canvas-2-1: #FF6347;
  --urban-alley-canvas-2-2: #4682B4;
  --urban-alley-canvas-2-3: #3CB371;
  --urban-alley-canvas-2-4: #FFD700;
  --urban-alley-canvas-2-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-alley-canvas-2": {
        1: "#FF6347",
        2: "#4682B4",
        3: "#3CB371",
        4: "#FFD700",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

vibrant street art palettebold graffiti color schemeurban pop art colorsenergetic city designcolorful expressive branding

Palette colors

Hex values

Color 1#FF6347
·
Color 2#4682B4
·
Color 3#3CB371
·
Color 4#FFD700
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
2.1:1Fail
2:1Fail
2
1.4:1Fail
1.5:1Fail
2.9:1Fail
1.5:1Fail
3
1.1:1Fail
1.5:1Fail
1.9:1Fail
2.2:1Fail
4
2.1:1Fail
2.9:1Fail
1.9:1Fail
4.2:1AA18
5
2:1Fail
1.5:1Fail
2.2:1Fail
4.2:1AA18

Similar palettes

More like Urban Alley Canvas

View all vibrant
Urban Graffiti Wall
Abstract Canvas Drip
Bohemian Rhapsody Art
Bohemian Rhapsody Blend
Neon Graffiti Splash
Urban Canvas Graffito