Back to palettes

Palette

Street Art Canvas

A bold, electrifying palette mirroring the raw energy and daring hues 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

#FF00FF#00FFFF#FFFF00#39FF14#FF1493

Palette guide

How to use Street Art Canvas

Overview

The Street Art Canvas palette is an electrifying, bold collection mirroring the raw energy and daring hues of urban art. This palette features intense neon shades like #FF00FF (magenta), #00FFFF (cyan), #FFFF00 (yellow), #39FF14 (neon green), and #FF1493 (deep pink), designed to create maximum visual impact. It’s perfect for projects that demand attention, embody modernity, and celebrate a playful, edgy aesthetic. Designers can leverage these vibrant, high-chroma colors to craft compelling branding, dynamic digital interfaces, or marketing materials for youth-oriented brands, entertainment, or any platform seeking to make a memorable, energetic statement. This palette truly pops, ensuring designs are noticed.

Best used for

  • Neon-themed event promotions
  • Youth culture fashion branding
  • Gaming and esports UI/UX
  • Vibrant social media campaigns
  • Modern music platform design
  • Digital art and graphic illustration

Suggested color roles

primary

Use #FF00FF for main calls-to-action, key branding elements, or bold headlines to create an unforgettable, energetic impression.

secondary

Apply #00FFFF or #FFFF00 for supporting visuals, navigation accents, or vibrant content blocks, ensuring high visibility.

accent

Utilize #39FF14 or #FF1493 for interactive elements, hover states, or graphic details to introduce unexpected, lively pops of color.

background

A dark neutral background (e.g., black or charcoal) is highly recommended to allow these intense neon colors to truly glow and stand out.

text

For optimal readability on dark backgrounds, use #FFFF00, #00FFFF, or #FF00FF. For striking emphasis, black or charcoal can be used on lighter elements.

Accessibility notes

  • Ensure sufficient contrast between any of the neon colors used for text and their chosen background, especially on dark mode.
  • Avoid pairing highly saturated colors (e.g., #FF00FF and #39FF14) for text and background directly, as it can cause visual strain.
  • Test for color blindness compatibility, as the intensity and hue shifts can be challenging for some users.
  • Provide clear focus indicators for interactive elements that rely heavily on these bright colors to ensure usability.

Recommended combinations

Neon Power

Excellent for creating a high-energy, contrasting visual base for headers, logos, or abstract graphics.

#FF00FF · #00FFFF · #FFFF00

Electric Pop

Ideal for dynamic button states, infographics, or adding unexpected bursts of modern color to a design.

#39FF14 · #FF1493 · #00FFFF

Vibrant Fusion

Combine these for a truly vibrant and playful look, great for illustrations, patterns, or bold branding.

#FF00FF · #FFFF00 · #FF1493

CSS variables

:root {
  --street-art-canvas-1: #FF00FF;
  --street-art-canvas-2: #00FFFF;
  --street-art-canvas-3: #FFFF00;
  --street-art-canvas-4: #39FF14;
  --street-art-canvas-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "street-art-canvas": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#39FF14",
        5: "#FF1493",
      }
    }
  }
}

Related searches

neon street art palettevibrant urban color schemebold energetic designyouthful neon brandinghigh contrast color palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFFF00
·
Color 4#39FF14
·
Color 5#FF1493
·

Accessibility

Contrast checker

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

Similar palettes

More like Street Art Canvas

View all Vibrant
Electric Funfair Lights
Abstract Urban Rush
Cyberpunk Synthwave City
Electric Cyber Wave
Lemonade Stand Zest
Neon Future Circuit