Back to palettes

Palette

Street Art Chroma

Bold, high-contrast colors found in vibrant street art and dynamic cityscapes.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF4500#FFD700#00FFFF#8A2BE2#32CD32

Palette guide

How to use Street Art Chroma

Overview

The Street Art Chroma palette is a high-energy collection designed for impactful, dynamic visual experiences. Featuring bold hues like #FF4500 (Orange Red), #FFD700 (Gold), and #00FFFF (Aqua), this palette captures the vibrant essence of urban art. Its strong contrasts and electric tones, including #8A2BE2 (Blue Violet) and #32CD32 (Lime Green), make it ideal for projects demanding immediate attention and a youthful, rebellious spirit. Designers and developers will find these colors perfect for creating interfaces and branding that pop with an undeniable, energetic presence.

Best used for

  • Youth-oriented digital campaigns
  • Event and festival branding
  • Interactive gaming interfaces
  • Vibrant streetwear fashion lines
  • Dynamic digital art and illustrations
  • High-energy social media content

Suggested color roles

primary

#FF4500 (Orange Red): Use for high-impact calls to action, prominent headlines, or as a dominant brand color to convey urgency and excitement.

secondary

#00FFFF (Aqua): Ideal for supporting graphical elements, vibrant background sections, or as a strong complementary color to balance warmer tones.

accent

#8A2BE2 (Blue Violet): Perfect for interactive elements, hover states, or subtle highlights that add a touch of mystery and depth without overwhelming the primary colors.

background

#FFD700 (Gold): Excellent for creating an energetic, bright background for specific sections, or as a vibrant card background where content needs to stand out. Pair with dark text for readability.

text

#32CD32 (Lime Green): Best for eye-catching headings, short bursts of emphasized text, or graphic elements. For body text, consider a neutral charcoal or black for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between vibrant text and background pairs, especially with #FFD700 as a background.
  • Avoid using #FF4500 and #32CD32 in close proximity for text/background to prevent red-green color blindness issues.
  • When placing text on #00FFFF, opt for a very dark color like black or a deep navy for maximum legibility.
  • Utilize tools to check WCAG compliance for color contrast, especially for smaller text or critical UI elements.

Recommended combinations

Urban Energy

A bold and direct combination for impactful branding or high-contrast UI elements, evoking a graffiti-like feel.

#FF4500 · #00FFFF · #8A2BE2

Neon Pop

Creates a bright, almost luminous effect, perfect for digital art, event posters, or energetic call-out sections.

#FFD700 · #32CD32 · #FF4500

Electric Glow

A captivating trio for backgrounds with glowing elements, or interactive components needing a futuristic, vibrant touch.

#8A2BE2 · #FFD700 · #00FFFF

CSS variables

:root {
  --street-art-chroma-1: #FF4500;
  --street-art-chroma-2: #FFD700;
  --street-art-chroma-3: #00FFFF;
  --street-art-chroma-4: #8A2BE2;
  --street-art-chroma-5: #32CD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "street-art-chroma": {
        1: "#FF4500",
        2: "#FFD700",
        3: "#00FFFF",
        4: "#8A2BE2",
        5: "#32CD32",
      }
    }
  }
}

Related searches

vibrant street art paletteenergetic graffiti colorsbold urban designhigh contrast web colorsdynamic UI color scheme

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.7:1Fail
1.7:1Fail
1.6:1Fail
2
2.5:1Fail
1.1:1Fail
4.2:1AA18
1.5:1Fail
3
2.7:1Fail
1.1:1Fail
4.8:1AA
1.7:1Fail
4
1.7:1Fail
4.2:1AA18
4.8:1AA
2.8:1Fail
5
1.6:1Fail
1.5:1Fail
1.7:1Fail
2.8:1Fail

Similar palettes

More like Street Art Chroma

View all vibrant
Graffiti Wall Burst
Street Art Canvas
Alley Art Splatter
City Canvas Pop
City Street Art
Electric Graffiti Wall