Back to palettes

Palette

Electro Pulse Grid

Dark, pulsating purples evoke the energetic light and flow of digital networks in a futuristic city.

darkenergetic5 colors
More dark 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

#2B0A42#501F70#7A359D#A54CBD#D063DB

Palette guide

How to use Electro Pulse Grid

Overview

The Electro Pulse Grid palette, a dark and sophisticated collection of pulsating purples, evokes the energetic light and flow of digital networks in a futuristic city. Featuring deep violet (#2B0A42), rich plum (#501F70), vibrant amethyst (#7A359D), bright lavender (#A54CBD), and luminous orchid (#D063DB), this palette is perfect for designs that aim to convey technology, dynamism, and a mysterious elegance. Designers and developers can leverage these monochromatic hues to create immersive digital environments, captivating branding, or dynamic user interfaces that feel both modern and ethereal. The gradient of purples offers depth and visual interest without overwhelming the viewer.

Best used for

  • Cybersecurity and tech company branding
  • Futuristic game interfaces and environments
  • Digital art and abstract motion graphics
  • Dark mode UI for productivity apps
  • Nightclub or event promotion materials
  • Science fiction themed websites

Suggested color roles

primary

Deep violet (#2B0A42) or rich plum (#501F70) serves as an excellent foundational color for backgrounds, large panels, or primary container elements.

secondary

Vibrant amethyst (#7A359D) or bright lavender (#A54CBD) provides depth and can be used for secondary sections, large typography, or subtle gradients.

accent

Luminous orchid (#D063DB) is ideal for calls-to-action, interactive elements, highlights, or any feature needing to pop with a soft glow.

background

Deep violet (#2B0A42) provides a dark, immersive background that allows the lighter purples to create a sense of digital energy and depth.

text

For body text, use white or a very light gray to ensure readability against the dark purples. For headings or key information, luminous orchid (#D063DB) provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #A54CBD with #D063DB, which may have low contrast.
  • Prioritize using white or a very light gray for body text to maintain WCAG compliance on dark backgrounds.
  • Avoid using #2B0A42 or #501F70 for text on very dark backgrounds due to potential readability issues.
  • Consider larger font sizes for text elements that use mid-tone purples like #7A359D to improve legibility.

Recommended combinations

Digital Flow

Ideal for creating depth and a sense of glowing energy in backgrounds, progress bars, or data visualizations.

#2B0A42 · #7A359D · #D063DB

Pulse Accent

Excellent for interactive elements, hover states, or indicators that need to stand out with a vibrant yet sophisticated glow.

#501F70 · #A54CBD · #D063DB

Deep Grid

Perfect for creating a layered, dark aesthetic for UI components or background patterns, offering subtle transitions.

#2B0A42 · #501F70 · #7A359D

CSS variables

:root {
  --electro-pulse-grid-2-1: #2B0A42;
  --electro-pulse-grid-2-2: #501F70;
  --electro-pulse-grid-2-3: #7A359D;
  --electro-pulse-grid-2-4: #A54CBD;
  --electro-pulse-grid-2-5: #D063DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electro-pulse-grid-2": {
        1: "#2B0A42",
        2: "#501F70",
        3: "#7A359D",
        4: "#A54CBD",
        5: "#D063DB",
      }
    }
  }
}

Related searches

purple electric palettecyber tech color schemedark violet designfuturistic digital colorsmonochromatic purple UI

Palette colors

Hex values

Color 1#2B0A42
·
Color 2#501F70
·
Color 3#7A359D
·
Color 4#A54CBD
·
Color 5#D063DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.6:1AA18
5.3:1AA
2
1.4:1Fail
1.6:1Fail
2.5:1Fail
3.7:1AA18
3
2.3:1Fail
1.6:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.5:1Fail
1.5:1Fail
1.5:1Fail
5
5.3:1AA
3.7:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Electro Pulse Grid

View all dark
Cyberpunk Neon Grid
Neon Alley Flicker
Urban Neon Twilight
Carnival Midnight Sky
Cybernetic Cityscape
Cyberpunk Cityscape