Back to palettes

Palette

Neon Bazaar Lights

Blindingly bright and synthetic colors, like the dazzling glow of market stalls in a futuristic city at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Bazaar Lights 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 Bazaar Lights.

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

Data visualization

#FF00D4#B800FF#3400FF#00C9FF#00FF7F

Palette guide

How to use Neon Bazaar Lights

Overview

The Neon Bazaar Lights palette explodes with an electrifying array of synthetic, vibrant hues, perfect for projects demanding high energy and a futuristic aesthetic. Featuring intense magenta #FF00D4, deep electric purple #B800FF, striking cyber blue #3400FF, vivid aqua #00C9FF, and a luminous lime green #00FF7F, this collection is designed to mimic the dazzling glow of a nocturnal cityscape. Designers can leverage these blindingly bright colors to create immersive digital experiences, dynamic brand identities, or captivating event promotions. Its powerful saturation ensures maximum visual impact, making it ideal for grabbing attention and conveying excitement.

Best used for

  • Futuristic UI/UX designs and digital interfaces
  • Event branding for music festivals or nightlife venues
  • Gaming graphics and streaming channel aesthetics
  • Sci-fi themed marketing materials and posters
  • Dynamic motion graphics and video animations
  • Vibrant apparel or merchandise designs

Suggested color roles

primary

A strong, deep electric purple #B800FF, excellent for main headings, primary calls-to-action, or dominant graphical elements, providing a sophisticated yet energetic base.

secondary

This intense magenta #FF00D4 offers a high-contrast partner, perfect for secondary navigation, important highlights, or to add a passionate, urgent feel.

accent

A luminous lime green #00FF7F, ideal for small, impactful accents like notification icons, progress indicators, or interactive states that need to pop against the other vibrant hues.

background

This palette thrives on a dark canvas. Use a deep charcoal or pure black (#000000) to let the neon colors truly glow, creating a striking contrast and immersive depth.

text

For optimal readability against a dark background, use a clean white (#FFFFFF) or a very light grey. Against any of the neon colors, ensure text is black (#000000) or very dark for sufficient contrast.

Accessibility notes

  • Always test contrast ratios diligently, especially when pairing any two colors from this vibrant palette directly.
  • Ensure sufficient contrast (AA or AAA) for all text elements, typically by using white text on a dark background or black text on the neon colors.
  • Avoid using these highly saturated colors for large blocks of body text, as they can cause eye strain and reduce readability.
  • Provide alternative visual cues or text descriptions for users who may have color perception deficiencies, as the vibrant hues can be challenging to differentiate.

Recommended combinations

Cyberpunk Glitch

Ideal for creating high-energy digital interfaces, glitch effects, or futuristic brand elements that demand immediate attention and convey a sense of modern tech.

#3400FF · #FF00D4 · #00FF7F

Electric Spectrum

Perfect for dynamic gradients, event posters, or digital art where a fluid, evolving color transition is desired, evoking a vibrant light show or aurora.

#B800FF · #00C9FF · #FF00D4

Aqua Synth

Great for aquatic or tech-themed designs, creating a cool, refreshing yet still intensely bright atmosphere, suitable for product highlights or informational graphics.

#00C9FF · #3400FF · #00FF7F

CSS variables

:root {
  --neon-bazaar-lights-1: #FF00D4;
  --neon-bazaar-lights-2: #B800FF;
  --neon-bazaar-lights-3: #3400FF;
  --neon-bazaar-lights-4: #00C9FF;
  --neon-bazaar-lights-5: #00FF7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-bazaar-lights": {
        1: "#FF00D4",
        2: "#B800FF",
        3: "#3400FF",
        4: "#00C9FF",
        5: "#00FF7F",
      }
    }
  }
}

Related searches

vibrant neon color schemesfuturistic ui colorscyberpunk design palettebright digital aestheticenergetic website colors

Palette colors

Hex values

Color 1#FF00D4
·
Color 2#B800FF
·
Color 3#3400FF
·
Color 4#00C9FF
·
Color 5#00FF7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
1.7:1Fail
2.5:1Fail
2
1.4:1Fail
1.7:1Fail
2.4:1Fail
3.5:1AA18
3
2.4:1Fail
1.7:1Fail
4.2:1AA18
6:1AA
4
1.7:1Fail
2.4:1Fail
4.2:1AA18
1.4:1Fail
5
2.5:1Fail
3.5:1AA18
6:1AA
1.4:1Fail

Similar palettes

More like Neon Bazaar Lights

View all vibrant
Cyber Glow Spectrum
Electric Night Cityscape
Neo Tokyo Rush
Neon Alley Glaze
Neon Future City
Neon Urban Pulse