Palette

Alley Canvas Pulse

Explosive colors and sharp contrasts, inspired by the dynamic and rebellious spirit of urban street art.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6007A#00FFEA#FFC700#3B006C#FF6B00

Palette guide

How to use Alley Canvas Pulse

Overview

The Alley Canvas Pulse palette embodies the raw, rebellious spirit of urban street art with explosive colors and sharp contrasts. Featuring a high-energy magenta #E6007A, a dazzling aqua #00FFEA, and a vibrant gold #FFC700, this palette is anything but subtle. The deep, mysterious #3B006C provides a grounding, yet intense, counterpoint, while a bold orange #FF6B00 adds further dynamic punch. This combination is perfect for designers and developers aiming to create highly energetic, visually striking, and memorable experiences. It thrives in projects that demand attention and celebrate a modern, edgy aesthetic, from event promotions to digital interfaces.

Best used for

Electronic music event branding
Gaming UI and marketing
Youth fashion or streetwear brands
Interactive digital art installations
Bold website hero sections
Creative agency branding

Suggested color roles

primary

Use #E6007A as a dynamic, energetic focal point for primary branding, headlines, or calls-to-action.

secondary

Apply #00FFEA as a cool, vibrant contrast, perfect for secondary elements, interactive states, or graphic accents.

accent

Employ #FFC700 for bright, attention-grabbing highlights, icons, or to infuse a sense of playful energy.

background

Utilize #3B006C as a deep, dramatic base that allows the neon-like vibrant colors to truly pulsate.

text

Use white text for maximum readability on dark, vibrant backgrounds, ensuring clear communication amidst the energy.

Accessibility notes

Ensure white text has sufficient contrast against all vibrant colors, especially #E6007A, #00FFEA, #FFC700, and #FF6B00.
Avoid using mid-tone colors like #FFC700 as text on other vibrant colors (e.g., #00FFEA) without careful contrast checking.
Provide alternative text or patterns for important color-coded information due to the high saturation and potential for colorblindness challenges.
Use large font sizes for any text in brighter colors on dark backgrounds to improve legibility and visual impact.

Recommended combinations

Neon Contrast

Creates a dramatic, high-impact aesthetic perfect for headlines or call-to-action buttons on a dark canvas.

#3B006C · #E6007A · #00FFEA

Vibrant Energy

An energetic warm trio for dynamic graphics, illustrations, or highlight elements that demand attention.

#FFC700 · #FF6B00 · #E6007A

Digital Pulse

Ideal for tech-focused interfaces, giving a fresh, modern, and interactive feel with clear visual hierarchy.

#00FFEA · #3B006C · #FFC700

CSS variables

:root {
  --alley-canvas-pulse-1: #E6007A;
  --alley-canvas-pulse-2: #00FFEA;
  --alley-canvas-pulse-3: #FFC700;
  --alley-canvas-pulse-4: #3B006C;
  --alley-canvas-pulse-5: #FF6B00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alley-canvas-pulse": {
        1: "#E6007A",
        2: "#00FFEA",
        3: "#FFC700",
        4: "#3B006C",
        5: "#FF6B00",
      }
    }
  }
}

Hex values

Color 1#E6007A

Color 2#00FFEA

Color 3#FFC700

Color 4#3B006C

Color 5#FF6B00

Accessibility

Contrast checker

3.6:1AA18

2.9:1Fail

3.3:1AA18

1.6:1Fail

3.6:1AA18

1.2:1Fail

11.8:1AAA

2.2:1Fail

2.9:1Fail

1.2:1Fail

9.6:1AAA

1.8:1Fail

3.3:1AA18

11.8:1AAA

9.6:1AAA

5.2:1AA

1.6:1Fail

2.2:1Fail

1.8:1Fail

5.2:1AA

Similar palettes

More like Alley Canvas Pulse

Abstract Canvas Blend

Abstract Canvas Pop