Palette

Cyber Grid Flash

The electrifying, artificial glow of a futuristic city grid at midnight, pulsing with energy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber Grid Flash 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 Cyber Grid Flash.

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

Data visualization

#00FFC2#F800F8#009DFF#FF0077#7700FF

Palette guide

How to use Cyber Grid Flash

Overview

The Cyber Grid Flash palette captures the electrifying, artificial glow of a futuristic city grid at midnight, pulsing with energy. Featuring the dazzling aqua of #00FFC2, the shocking magenta of #F800F8, and the brilliant blue of #009DFF, this palette is designed for extreme impact. #FF0077 adds a vibrant hot pink, while #7700FF introduces a deep, compelling purple. Designers can leverage these hex codes to create high-impact interfaces, eye-catching branding, or captivating digital art that pulses with synthetic energy. Developers will find these colors excellent for crafting UI elements that pop and command attention in a cybernetic context.

Best used for

Cyberpunk game interfaces and environments
Electronic music visualizers and album art
Sci-fi film posters and promotional materials
Vibrant tech product branding
Dynamic website hero sections and animations
Abstract digital art and motion graphics

Suggested color roles

primary

#009DFF - A brilliant, energetic blue, ideal for main brand elements, significant calls-to-action, or prominent UI features.

secondary

#F800F8 - A dazzling magenta, perfect for complementary interactive elements or striking graphic accents.

accent

#00FFC2 - A vibrant, pure aqua that provides a powerful, almost aggressive highlight for interactive elements or warnings.

background

#7700FF - A deep, rich purple that offers a strong, dark base for the brighter neon colors to truly glow against.

text

#FF0077 - This hot pink is excellent for headings or short, impactful text on very dark backgrounds (e.g., black or #7700FF). For body text on other colors, use white or a very light gray.

Accessibility notes

Ensure very high contrast for text, as many colors are extremely vibrant and can be difficult to read on each other.
Avoid using #00FFC2, #F800F8, and #FF0077 for large blocks of text; reserve them for accents and short statements.
The palette's high saturation and contrast can be jarring; use sparingly for users with light sensitivity.
Due to reliance on primary color hues, ensure alternative indicators for color-blind users, such as patterns or icons.

Recommended combinations

Neon Grid

A dark, immersive background with glowing aqua and magenta elements, suitable for tech interfaces or data displays.

#7700FF · #00FFC2 · #F800F8

Electric Flash

High-energy compositions for hero sections or transition effects, mimicking digital energy flows.

#FF0077 · #009DFF · #00FFC2

Cyber Pulse

Bold, contrasting elements for calls-to-action, progress indicators, or striking graphical overlays that demand attention.

#F800F8 · #7700FF · #009DFF

CSS variables

:root {
  --cyber-grid-flash-1: #00FFC2;
  --cyber-grid-flash-2: #F800F8;
  --cyber-grid-flash-3: #009DFF;
  --cyber-grid-flash-4: #FF0077;
  --cyber-grid-flash-5: #7700FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-grid-flash": {
        1: "#00FFC2",
        2: "#F800F8",
        3: "#009DFF",
        4: "#FF0077",
        5: "#7700FF",
      }
    }
  }
}

Hex values

Color 1#00FFC2

Color 2#F800F8

Color 3#009DFF

Color 4#FF0077

Color 5#7700FF

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

2.9:1Fail

5:1AA

2.5:1Fail

1.1:1Fail

1.2:1Fail

2:1Fail

2.2:1Fail

1.1:1Fail

1.3:1Fail

2.3:1Fail

2.9:1Fail

1.2:1Fail

1.3:1Fail

1.7:1Fail

5:1AA

2:1Fail

2.3:1Fail

1.7:1Fail

Similar palettes

More like Cyber Grid Flash

View all vibrant

Cyber Alley Glow

Cybernetic Circuit Glow

Electric Circuit Board

Electric Circuit Buzz

Electric Circuit Pop

Electro Pulse Grid