Palette

Cybernetic Glow Grid

A pulsating palette of high-contrast, electric colors reminiscent of a futuristic cityscape.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Glow 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 Cybernetic Glow Grid.

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

Data visualization

#0D0F0F#39FF14#00CFFF#EE199A#8F00FF

Palette guide

How to use Cybernetic Glow Grid

Overview

The Cybernetic Glow Grid palette is a pulsating collection of high-contrast, electric colors reminiscent of a futuristic cityscape. It features a deep, almost black charcoal (#0D0F0F) as its anchor, against which a vibrant neon green (#39FF14), a brilliant electric blue (#00CFFF), an intense hot pink (#EE199A), and a powerful indigo-violet (#8F00FF) truly glow. This palette is designed for designers and developers to create bold, dynamic, and visually arresting experiences. Its combination of dark foundations and luminous accents is perfect for conveying energy, digital innovation, and a cutting-edge aesthetic that demands attention.

Best used for

Cyberpunk game UIs and environment lighting
Esports branding and live streaming graphics
Digital art and motion graphics with a tech-noir feel
Event promotions for electronic music or tech festivals
Interactive installations and projection mapping
Fashion or accessory branding with an edgy, futuristic vibe

Suggested color roles

primary

Use #39FF14 (Neon Green) for main interactive elements, key highlights, or branding that needs to convey vitality and digital life.

secondary

Apply #00CFFF (Electric Blue) for secondary calls-to-action, data visualizations, or to create a cool, high-tech contrast.

accent

Reserve #EE199A (Hot Pink) for warnings, critical alerts, or dramatic visual flair, providing a strong, energetic pop.

background

Utilize #0D0F0F (Deep Charcoal) as the foundational dark canvas, providing a stark contrast that makes the neon colors truly burst and glow.

text

Pair #39FF14 (Neon Green) or #00CFFF (Electric Blue) for headings; use white for general body text on dark backgrounds.

Accessibility notes

Ensure high contrast for text; #39FF14 and #00CFFF on #0D0F0F are generally good, but check #EE199A on #0D0F0F for smaller text.
Avoid using #EE199A and #8F00FF in close proximity for critical information if color is the sole differentiator, due to their similar value and potential for color blindness issues.
Use #0D0F0F provides an excellent dark background for lighter, luminous text, ensuring good readability.
For critical information, always provide alternative visual cues (icons, underlines) in addition to color.

Recommended combinations

Glow Grid

A dark background with neon green for grid lines and electric blue for illuminated sections or data points.

#0D0F0F · #39FF14 · #00CFFF

City Pulse

Use for atmospheric backgrounds, with hot pink for neon signs and indigo-violet for deep, glowing shadows.

#0D0F0F · #EE199A · #8F00FF

Digital Energy

Combine these three neons for dynamic animations, loading indicators, or energetic transitions.

#39FF14 · #00CFFF · #EE199A

CSS variables

:root {
  --cybernetic-glow-grid-1: #0D0F0F;
  --cybernetic-glow-grid-2: #39FF14;
  --cybernetic-glow-grid-3: #00CFFF;
  --cybernetic-glow-grid-4: #EE199A;
  --cybernetic-glow-grid-5: #8F00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-glow-grid": {
        1: "#0D0F0F",
        2: "#39FF14",
        3: "#00CFFF",
        4: "#EE199A",
        5: "#8F00FF",
      }
    }
  }
}

Hex values

Color 1#0D0F0F

Color 2#39FF14

Color 3#00CFFF

Color 4#EE199A

Color 5#8F00FF

Accessibility

Contrast checker

14.2:1AAA

10.4:1AAA

4.8:1AA

3.3:1AA18

14.2:1AAA

1.4:1Fail

3:1Fail

4.3:1AA18

10.4:1AAA

1.4:1Fail

2.2:1Fail

3.1:1AA18

4.8:1AA

3:1Fail

2.2:1Fail

1.5:1Fail

3.3:1AA18

4.3:1AA18

3.1:1AA18

1.5:1Fail

Similar palettes

More like Cybernetic Glow Grid

View all vibrant

Cybernetic Funk

Cybernetic Future Glow

Cyberpunk City

Cyberpunk Neon Blaze

Cyberpunk Sunset

Electric Future Pulse