Palette

Electro Pulse Grid

Blazing neon colors on a dark backdrop, perfect for a futuristic digital aesthetic.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electro Pulse Grid 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 Electro Pulse Grid.

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

Data visualization

#2D0A5A#FF00FF#00FFFF#6C00FF#00FF00

Palette guide

How to use Electro Pulse Grid

Overview

The Electro Pulse Grid palette delivers a blazing neon aesthetic on a dark backdrop, perfect for futuristic digital designs. Featuring deep indigo (#2D0A5A), vibrant magenta (#FF00FF), electric cyan (#00FFFF), intense electric purple (#6C00FF), and luminous lime green (#00FF00), this collection offers high-impact, energetic visuals. Designers and developers can leverage these contrasting hues to create immersive cyberpunk experiences, from game interfaces to digital art. The deep indigo provides essential grounding, allowing the neon colors to truly pulse and capture the essence of a high-tech, dynamic environment, ensuring elements demand immediate attention.

Best used for

Cyberpunk game interfaces and environments
Tech startup branding and websites
Electronic music event promotions
Digital art and abstract motion graphics
Streaming overlays and content creation branding
App interfaces with a dark, futuristic aesthetic

Suggested color roles

primary

Deep indigo (#2D0A5A) serves as a strong foundational color for backgrounds or large panels, while vibrant magenta (#FF00FF) or electric cyan (#00FFFF) can lead key branding elements.

secondary

Intense electric purple (#6C00FF) adds depth and can be used for secondary sections, large typography, or subtle gradients against the dark background.

accent

Luminous lime green (#00FF00) is a powerful accent, perfect for calls-to-action, interactive buttons, or any element needing a sharp, energetic pop.

background

Deep indigo (#2D0A5A) provides the essential dark canvas, making the neon colors glow intensely and defining the futuristic digital aesthetic.

text

For body text, use white or a very light gray on the dark indigo background. For headings or short statements, electric cyan (#00FFFF) or vibrant magenta (#FF00FF) offer excellent contrast.

Accessibility notes

Ensure sufficient contrast when pairing any two vibrant colors, especially for text, by checking WCAG guidelines.
Avoid using #00FF00 or #FF00FF for extensive body text due to their high saturation and potential for eye strain.
The deep indigo background significantly improves readability for the bright neon text colors.
Use larger font sizes for lower contrast text elements to enhance legibility, particularly with #6C00FF.

Recommended combinations

Digital Pulse

Ideal for creating a dark interface with vibrant, energetic highlights, reminiscent of a digital grid.

#2D0A5A · #FF00FF · #00FFFF

Cyber Glow

Excellent for gradients, background textures, or layered UI elements, adding depth with a futuristic, electric feel.

#6C00FF · #00FF00 · #FF00FF

Neon Accent

Perfect for calls-to-action, warning messages, or interactive elements that demand immediate visual attention against the dark base.

#2D0A5A · #00FF00 · #00FFFF

CSS variables

:root {
  --electro-pulse-grid-1: #2D0A5A;
  --electro-pulse-grid-2: #FF00FF;
  --electro-pulse-grid-3: #00FFFF;
  --electro-pulse-grid-4: #6C00FF;
  --electro-pulse-grid-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electro-pulse-grid": {
        1: "#2D0A5A",
        2: "#FF00FF",
        3: "#00FFFF",
        4: "#6C00FF",
        5: "#00FF00",
      }
    }
  }
}

Hex values

Color 1#2D0A5A

Color 2#FF00FF

Color 3#00FFFF

Color 4#6C00FF

Color 5#00FF00

Accessibility

Contrast checker

5.1:1AA

12.9:1AAA

2.4:1Fail

11.7:1AAA

5.1:1AA

2.5:1Fail

2.2:1Fail

2.3:1Fail

12.9:1AAA

2.5:1Fail

5.4:1AA

1.1:1Fail

2.4:1Fail

2.2:1Fail

5.4:1AA

5:1AA

11.7:1AAA

2.3:1Fail

1.1:1Fail

5:1AA

Similar palettes

More like Electro Pulse Grid