Back to palettes

Palette

Neon Sunset Blvd

Electric hues mirroring the artificial glow of a vibrant city sunset.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Sunset Blvd 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 Neon Sunset Blvd.

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

Data visualization

#FF66CC#FF3366#FFCC33#FFFF66#CC33FF

Palette guide

How to use Neon Sunset Blvd

Overview

The Neon Sunset Blvd palette captures the artificial glow of a vibrant city sunset with a distinct neon twist. This collection features a harmonious blend of intense pinks and yellows, including the playful #FF66CC (Pink), the bold #FF3366 (Deep Pink), and the cheerful #FFCC33 (Orange-Yellow). The bright #FFFF66 (Light Yellow) offers a softer glow, while #CC33FF (Purple) adds a sophisticated, electric depth. Designers will find this palette incredibly useful for projects that aim for a lively, energetic, and slightly glamorous aesthetic, from fashion branding to digital campaigns or event promotions. It perfectly balances warmth with electric vibrancy.

Best used for

  • Fashion and beauty branding
  • Summer event promotions
  • Social media graphics
  • Youth-oriented product design
  • Vibrant mobile app UI
  • Digital art with a warm neon glow

Suggested color roles

primary

Utilize #FF66CC (Pink) for primary brand elements or dominant sections to evoke a playful and energetic mood.

secondary

Employ #FF3366 (Deep Pink) for calls-to-action, important headlines, or supporting visual elements.

accent

Leverage #FFCC33 (Orange-Yellow) and #FFFF66 (Light Yellow) for glowing highlights, interactive elements, or sun-kissed accents.

background

A dark gray, black, or even a soft gradient transitioning from #CC33FF to #FF3366 works well to make these colors pop.

text

For body text, use a clean white or light gray. For headlines on dark backgrounds, #FFFF66 or #FFCC33 can be very effective.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter yellows (#FFFF66) on other bright hues.
  • Pair these vibrant colors with a dark neutral background for optimal readability and impact.
  • Avoid using #FFFF66 for small text against light or white backgrounds as contrast will be too low.
  • Test color pairings for accessibility, particularly for users with color vision deficiencies.

Recommended combinations

Sunset Glow

Ideal for warm, inviting gradients, lively banners, or dynamic backgrounds.

#FF66CC · #FF3366 · #FFCC33

Electric Glam

Creates a sophisticated yet vibrant feel for branding, headlines, or highlight elements.

#CC33FF · #FF66CC · #FFFF66

Tropical Pop

Perfect for energetic accents, interactive buttons, or playful illustrations.

#FF3366 · #FFCC33 · #FFFF66

CSS variables

:root {
  --neon-sunset-blvd-1: #FF66CC;
  --neon-sunset-blvd-2: #FF3366;
  --neon-sunset-blvd-3: #FFCC33;
  --neon-sunset-blvd-4: #FFFF66;
  --neon-sunset-blvd-5: #CC33FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-sunset-blvd": {
        1: "#FF66CC",
        2: "#FF3366",
        3: "#FFCC33",
        4: "#FFFF66",
        5: "#CC33FF",
      }
    }
  }
}

Related searches

pink yellow neon palettevibrant sunset colorsretro pink purple schemeelectric summer palettebright fashion colors

Palette colors

Hex values

Color 1#FF66CC
·
Color 2#FF3366
·
Color 3#FFCC33
·
Color 4#FFFF66
·
Color 5#CC33FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.5:1Fail
1.5:1Fail
2
1.4:1Fail
2.4:1Fail
3.3:1AA18
1.1:1Fail
3
1.7:1Fail
2.4:1Fail
1.4:1Fail
2.5:1Fail
4
2.5:1Fail
3.3:1AA18
1.4:1Fail
3.6:1AA18
5
1.5:1Fail
1.1:1Fail
2.5:1Fail
3.6:1AA18

Similar palettes

More like Neon Sunset Blvd

View all vibrant
Bubblegum Neon Pop
Sunbeam Garden Bloom
Arcade Power-Up
Arid Bloom Blaze
Bright Marigold Bloom
Carnival Neon Nights