Back to palettes

Palette

Electric Night Vibe

A pulsating cascade of electric purples, capturing the energetic and bold essence of a neon city night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Night Vibe 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 Electric Night Vibe.

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

Data visualization

#2A0F3D#4E1F6B#7C3C9A#AD63CB#D78FF8

Palette guide

How to use Electric Night Vibe

Overview

The Electric Night Vibe palette is a pulsating cascade of electric purples, capturing the energetic and bold essence of a neon city night. It features a gradient of deep #2A0F3D (Dark Purple) to vibrant #D78FF8 (Light Purple), including #4E1F6B (Medium Dark Purple), #7C3C9A (Medium Purple), and #AD63CB (Light Medium Purple). This harmonious range of purples evokes a sophisticated yet energetic atmosphere, perfect for designs that aim to feel mysterious, luxurious, and modern. Designers can leverage these hues for elegant gradients, atmospheric backgrounds, or glowing UI elements. Developers will find it ideal for creating immersive user experiences in applications or websites related to nightlife, luxury tech, or creative arts, especially in dark mode.

Best used for

  • Luxury tech branding
  • Nightclub or lounge interiors
  • Creative agency websites
  • Digital art with purple gradients
  • High-end fashion editorials
  • Dark mode app themes

Suggested color roles

primary

#2A0F3D (Dark Purple) - Provides a deep, mysterious foundation, excellent for backgrounds or large content areas to create a sense of depth and elegance.

secondary

#4E1F6B (Medium Dark Purple) - Offers a rich, sophisticated tone, suitable for subheadings, navigation elements, or secondary graphic accents, adding refinement.

accent

#D78FF8 (Light Purple) - A luminous, eye-catching accent for calls-to-action, interactive elements, or key design details that need to pop with a soft glow.

background

#2A0F3D (Dark Purple) - Ideal for creating a dark, atmospheric backdrop that allows the brighter purples to truly glow, mimicking a neon night.

text

#AD63CB (Light Medium Purple) - Effective for striking headlines or short bursts of text against darker purple backgrounds. For body text on #2A0F3D, white or a very light gray like #EEEEEE is recommended for readability.

Accessibility notes

  • Ensure sufficient contrast when using #D78FF8 or #AD63CB for text on any of the darker purples.
  • Pair #2A0F3D or #4E1F6B with white or light gray text for optimal readability.
  • Avoid using #D78FF8 for extensive body text due to its brightness, which can cause eye fatigue on dark backgrounds.
  • Always test text color against background color to meet WCAG contrast standards, especially for UI elements.

Recommended combinations

Purple Gradient

Creates a smooth, captivating gradient effect, perfect for backgrounds, brand visuals, or ethereal digital art.

#2A0F3D · #7C3C9A · #D78FF8

Neon Pulse

Ideal for vibrant calls-to-action, glowing UI components, or expressive typography that needs to stand out with a soft electric glow.

#D78FF8 · #AD63CB · #4E1F6B

Night Shimmer

A balanced combination for branding or digital art, offering both depth and a striking electric highlight, evoking a shimmering night.

#7C3C9A · #2A0F3D · #AD63CB

CSS variables

:root {
  --electric-night-vibe-1: #2A0F3D;
  --electric-night-vibe-2: #4E1F6B;
  --electric-night-vibe-3: #7C3C9A;
  --electric-night-vibe-4: #AD63CB;
  --electric-night-vibe-5: #D78FF8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-night-vibe": {
        1: "#2A0F3D",
        2: "#4E1F6B",
        3: "#7C3C9A",
        4: "#AD63CB",
        5: "#D78FF8",
      }
    }
  }
}

Related searches

electric purple gradientneon night palettevibrant violet designdark mode purple schemecyberpunk elegant colors

Palette colors

Hex values

Color 1#2A0F3D
·
Color 2#4E1F6B
·
Color 3#7C3C9A
·
Color 4#AD63CB
·
Color 5#D78FF8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
4.4:1AA18
7.4:1AAA
2
1.4:1Fail
1.7:1Fail
3.1:1AA18
5.3:1AA
3
2.4:1Fail
1.7:1Fail
1.8:1Fail
3.1:1AA18
4
4.4:1AA18
3.1:1AA18
1.8:1Fail
1.7:1Fail
5
7.4:1AAA
5.3:1AA
3.1:1AA18
1.7:1Fail

Similar palettes

More like Electric Night Vibe

View all vibrant
Celestial Aurora Dance
Chroma Glitch Pop
Cyber Neon Grid
Cybernetic City Pulse
Cybernetic Future Glow
Cybernetic Glitch Flow