Back to palettes

Palette

Street Art Canvas

An explosive, energetic palette reflecting the bold and uninhibited expression of street art.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Street Art 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 Street Art Canvas.

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

Data visualization

#E60000#FF8000#FFFF00#00FF00#0000FF

Palette guide

How to use Street Art Canvas

Overview

The Street Art Canvas palette unleashes an explosive and energetic spectrum of primary and secondary colors, reflecting the bold and uninhibited expression of street art. Featuring the classic #E60000 (red), #FF8000 (orange), #FFFF00 (yellow), #00FF00 (green), and #0000FF (blue), this collection is a celebration of pure, vibrant hues. It's the perfect choice for designs that demand maximum impact, playfulness, and a strong, immediate visual identity. Designers can utilize these intense colors for projects targeting a youthful audience, creating dynamic marketing campaigns, or building digital experiences that exude confidence and creativity. This palette is a go-to for making a memorable and lively statement.

Best used for

  • Children's entertainment branding
  • Educational app interfaces
  • Creative marketing campaigns
  • Event and festival branding
  • Toy and game design
  • Bold infographic presentations

Suggested color roles

primary

Use #E60000 for main calls-to-action, critical alerts, or dominant branding elements to convey urgency and excitement.

secondary

Apply #0000FF or #00FF00 for supporting visuals, distinct content blocks, or navigation accents, offering clear differentiation.

accent

Utilize #FFFF00 or #FF8000 for interactive elements, highlights, or graphic details to draw attention and add playfulness.

background

A neutral background (white, light gray, or black) is highly recommended to allow these intense colors to truly pop without clashing.

text

On a very light background, #E60000, #0000FF, or #00FF00 provides excellent contrast. On a dark background, #FFFF00 or white ensures readability.

Accessibility notes

  • Ensure sufficient contrast when using any of these bright colors for text on a chosen background.
  • Avoid direct text-on-background pairings of high-chroma colors (e.g., #E60000 text on #00FF00) due to potential vibratory effect.
  • Test for color blindness, as the primary color combinations can be challenging for some users.
  • Use larger font sizes and ample spacing when combining multiple vibrant colors to enhance readability.

Recommended combinations

Primary Power

Excellent for classic, high-contrast branding, logos, or bold graphic statements.

#E60000 · #0000FF · #FFFF00

Warm Burst

Ideal for energetic headlines, warm-toned illustrations, or creating a fiery, inviting feel.

#E60000 · #FF8000 · #FFFF00

Cool & Lively

Combine these for a dynamic and balanced look, great for playful UI elements or infographics.

#00FF00 · #0000FF · #FF8000

CSS variables

:root {
  --street-art-canvas-3-1: #E60000;
  --street-art-canvas-3-2: #FF8000;
  --street-art-canvas-3-3: #FFFF00;
  --street-art-canvas-3-4: #00FF00;
  --street-art-canvas-3-5: #0000FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "street-art-canvas-3": {
        1: "#E60000",
        2: "#FF8000",
        3: "#FFFF00",
        4: "#00FF00",
        5: "#0000FF",
      }
    }
  }
}

Related searches

primary colors palettebold street art colorsvibrant energetic designyouthful colorful brandinghigh impact color scheme

Palette colors

Hex values

Color 1#E60000
·
Color 2#FF8000
·
Color 3#FFFF00
·
Color 4#00FF00
·
Color 5#0000FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.5:1AA18
3.5:1AA18
1.8:1Fail
2
1.9:1Fail
2.3:1Fail
1.8:1Fail
3.4:1AA18
3
4.5:1AA18
2.3:1Fail
1.3:1Fail
8:1AAA
4
3.5:1AA18
1.8:1Fail
1.3:1Fail
6.3:1AA
5
1.8:1Fail
3.4:1AA18
8:1AAA
6.3:1AA

Similar palettes

More like Street Art Canvas

View all vibrant
Electric Graffiti Wall
Graffiti Alley Chroma
Graffiti Wall Burst
Street Art Chroma
Abstract Expression Burst
Alley Art Splatter