Palette

Glowstick Rave Night

An electrifying clash of vibrant neons, capturing the wild energy of a rave night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glowstick Rave Night 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 Glowstick Rave Night.

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

Data visualization

#000000#5b00c2#e50074#00ffbe#faff00

Palette guide

How to use Glowstick Rave Night

Overview

The "Glowstick Rave Night" palette is a high-octane collection of neon brights against a stark black, designed for maximum impact and energetic appeal. Featuring deep `#000000` as a grounding base, it explodes with electric purple `#5b00c2`, shocking pink `#e50074`, vivid cyan `#00ffbe`, and brilliant yellow `#faff00`. This palette is perfect for projects that aim to capture excitement, youth culture, and a dynamic, edgy aesthetic. It's an excellent choice for digital experiences, event promotion, or any design needing an immediate, unforgettable visual punch.

Best used for

Music festival and concert branding
Nightclub and bar promotions
Gaming and esports interfaces
Youth-oriented fashion and streetwear
Digital art and interactive installations
Cyberpunk or futuristic themed designs

Suggested color roles

primary

Utilize `#000000` as the dominant background or foundational color to make the neon shades truly pop and create a dramatic stage.

secondary

Employ `#5b00c2` for larger graphical elements, background accents, or to establish a vibrant, mysterious depth.

accent

Apply `#00ffbe` for interactive elements, key highlights, or bold typography to draw immediate attention and convey energy.

background

The deep `#000000` is the ideal background, providing the necessary contrast for the intense neon colors to glow vividly.

text

For text, use `#faff00` or `#00ffbe` against the `#000000` background to ensure readability and maintain the electrifying aesthetic.

Accessibility notes

Crucial to ensure high contrast for all text against the `#000000` background; test `#faff00` and `#00ffbe` for readability.
Avoid using neon colors for large blocks of body text, as their intensity can cause eye strain.
Be mindful of color blind users when relying solely on the contrast between `#e50074` (pink) and `#5b00c2` (purple) for differentiation.
Limit the number of neon colors used in close proximity to prevent visual clutter and maintain clarity.

Recommended combinations

Electric Base

A strong dark base with two contrasting neons for main interactive elements or striking visuals.

#000000 · #00FFBE · #E50074

Cyber Pulse

Combines purple with bright yellow and cyan for a futuristic, high-tech glow effect.

#5B00C2 · #FAFF00 · #00FFBE

Rave Flare

Ideal for dynamic highlights, callouts, or small, impactful graphic details against a dark canvas.

#E50074 · #FAFF00 · #000000

CSS variables

:root {
  --glowstick-rave-night-1: #000000;
  --glowstick-rave-night-2: #5b00c2;
  --glowstick-rave-night-3: #e50074;
  --glowstick-rave-night-4: #00ffbe;
  --glowstick-rave-night-5: #faff00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glowstick-rave-night": {
        1: "#000000",
        2: "#5b00c2",
        3: "#e50074",
        4: "#00ffbe",
        5: "#faff00",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#5b00c2

Color 3#e50074

Color 4#00ffbe

Color 5#faff00

Accessibility

Contrast checker

2.2:1Fail

4.6:1AA

16:1AAA

19.4:1AAA

2.2:1Fail

2.1:1Fail

7.2:1AAA

8.7:1AAA

4.6:1AA

2.1:1Fail

3.5:1AA18

4.2:1AA18

16:1AAA

7.2:1AAA

3.5:1AA18

1.2:1Fail

19.4:1AAA

8.7:1AAA

4.2:1AA18

1.2:1Fail

Similar palettes

More like Glowstick Rave Night