Palette

Electric Arc Glow

The intense, vivid light of an electric arc, with a powerful and energetic charge.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Arc Glow 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 Arc Glow.

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

Data visualization

#000000#FF00FF#00FFFF#FFFF00#C0C0C0

Palette guide

How to use Electric Arc Glow

Overview

The "Electric Arc Glow" palette captures the intense, vivid light of an electric discharge, exuding raw energy and a modern, high-tech vibe. Anchored by pure Black (#000000), it explodes with primary neon hues: Magenta (#FF00FF), Cyan (#00FFFF), and Yellow (#FFFF00). A cool Silver (#C0C0C0) provides a metallic touch, softening the intensity while maintaining a sleek edge. This palette is perfect for designers creating impactful, energetic, or cyber-themed interfaces and branding. Developers can leverage these striking contrasts to highlight critical information, create dynamic visual effects, and build UIs that feel cutting-edge and powerful.

Best used for

Cybersecurity or data visualization dashboards
Gaming peripheral branding or websites
Electronic music event promotions
Sci-fi film titles or promotional materials
Modern tech company branding
Abstract digital art platforms

Suggested color roles

primary

#000000 (Black) - The dominant background or foundational color, providing maximum contrast for the glowing neons.

secondary

#FF00FF (Magenta) - Use for main interactive elements, primary calls-to-action, or to signify active states with high energy.

accent

#FFFF00 (Yellow) - Perfect for urgent alerts, small icons, or highlights that demand immediate attention due to its brightness.

background

#000000 (Black) - Ideal for creating a dramatic, dark canvas where the vibrant neons truly pop and simulate glowing effects.

text

#C0C0C0 (Silver) - Excellent for body text on the black background, offering good readability with a sleek, metallic feel. #00FFFF or #FFFF00 can be used for headings.

Accessibility notes

Ensure #C0C0C0 text on #000000 background meets WCAG contrast standards.
Avoid using #FF00FF, #00FFFF, or #FFFF00 for small body text as their high saturation can cause eye strain.
Use the black background for all neon text to maximize contrast and readability.
Provide clear focus indicators for interactive elements, possibly using a bright #FFFF00 halo.

Recommended combinations

Digital Core

Black background with silver text and magenta highlights, ideal for tech interfaces.

#000000 · #C0C0C0 · #FF00FF

Neon Flare

Cyan and yellow glowing elements against black, perfect for alerts or energy indicators.

#00FFFF · #FFFF00 · #000000

Arc Surge

Magenta and cyan elements with silver details, suitable for complex data visualization or dashboards.

#FF00FF · #C0C0C0 · #00FFFF

CSS variables

:root {
  --electric-arc-glow-1: #000000;
  --electric-arc-glow-2: #FF00FF;
  --electric-arc-glow-3: #00FFFF;
  --electric-arc-glow-4: #FFFF00;
  --electric-arc-glow-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-arc-glow": {
        1: "#000000",
        2: "#FF00FF",
        3: "#00FFFF",
        4: "#FFFF00",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#FF00FF

Color 3#00FFFF

Color 4#FFFF00

Color 5#C0C0C0

Accessibility

Contrast checker

6.7:1AA

16.7:1AAA

19.6:1AAA

11.5:1AAA

6.7:1AA

2.5:1Fail

2.9:1Fail

1.7:1Fail

16.7:1AAA

2.5:1Fail

1.2:1Fail

1.5:1Fail

19.6:1AAA

2.9:1Fail

1.2:1Fail

1.7:1Fail

11.5:1AAA

1.7:1Fail

1.5:1Fail

1.7:1Fail

Similar palettes

More like Electric Arc Glow

Electric Arc Glow

See it in context.

Ready when you are.

Built with Electric Arc Glow.

How to use Electric Arc Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Digital Core

Neon Flare

Arc Surge

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Electric Arc Glow