Palette

Cybernetic Glitch Flow

An electrifying surge of vibrant neons and deep purples, reflecting a digital, glitchy future.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Glitch Flow 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 Glitch Flow.

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

Data visualization

#100C1B#3D105D#8C2CF0#28F7CD#E6F81B

Palette guide

How to use Cybernetic Glitch Flow

Overview

The Cybernetic Glitch Flow palette is an electrifying surge of vibrant neons and deep purples, perfectly reflecting a digital, glitchy future. It features a profound dark indigo (#100C1B) and a rich, mysterious violet (#3D105D) as its base, contrasted sharply by a powerful electric purple (#8C2CF0), a dazzling aqua-cyan (#28F7CD), and an intense neon yellow (#E6F81B). This palette is designed for designers and developers seeking to create dynamic, high-impact visuals that convey urgency, digital disruption, and a cutting-edge aesthetic. Its unique combination of depth and luminosity is ideal for captivating audiences.

Best used for

Cyberpunk video game UIs and visual effects
Digital art and motion graphics with glitch effects
Event branding for electronic music or tech festivals
Futuristic fashion design and digital campaigns
Interactive media that simulates digital errors
Streaming channel overlays and animated transitions

Suggested color roles

primary

Use #8C2CF0 (Electric Purple) for main interactive elements, key highlights, or branding that needs to be bold and distinctive.

secondary

Apply #28F7CD (Dazzling Aqua-Cyan) for secondary calls-to-action, data points, or to create a cool, high-tech contrast.

accent

Reserve #E6F81B (Intense Neon Yellow) for critical alerts, warnings, or small, high-impact elements that demand immediate attention.

background

Utilize #100C1B (Dark Indigo) as the deepest, most mysterious background, providing a strong base for the vibrant neons to glow.

text

Pair #E6F81B (Intense Neon Yellow) or #28F7CD (Dazzling Aqua-Cyan) for headings; use white for general body text on dark backgrounds.

Accessibility notes

Ensure strong contrast for text; #E6F81B and #28F7CD on #100C1B are generally good, but check #8C2CF0 on #100C1B.
Avoid using #3D105D and #8C2CF0 in close proximity for critical information if color is the sole differentiator, due to their similar hue family.
Use #100C1B provides an excellent dark background for lighter, luminous text, ensuring good readability.
For color-blind users, always supplement color cues with icons or patterns for important UI elements.

Recommended combinations

Digital Distortion

A dark base with electric purple for a glitch effect and neon yellow for sudden, sharp breaks.

#100C1B · #8C2CF0 · #E6F81B

Circuit Pulse

Use for animated energy flows or data streams, combining the deep violet with bright aqua and yellow.

#3D105D · #28F7CD · #E6F81B

Future Anomaly

A dark background with aqua for main data and electric purple for anomalies or interactive states.

#100C1B · #28F7CD · #8C2CF0

CSS variables

:root {
  --cybernetic-glitch-flow-1: #100C1B;
  --cybernetic-glitch-flow-2: #3D105D;
  --cybernetic-glitch-flow-3: #8C2CF0;
  --cybernetic-glitch-flow-4: #28F7CD;
  --cybernetic-glitch-flow-5: #E6F81B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-glitch-flow": {
        1: "#100C1B",
        2: "#3D105D",
        3: "#8C2CF0",
        4: "#28F7CD",
        5: "#E6F81B",
      }
    }
  }
}

Hex values

Color 1#100C1B

Color 2#3D105D

Color 3#8C2CF0

Color 4#28F7CD

Color 5#E6F81B

Accessibility

Contrast checker

1.3:1Fail

3.4:1AA18

14:1AAA

16.3:1AAA

1.3:1Fail

2.6:1Fail

10.7:1AAA

12.4:1AAA

3.4:1AA18

2.6:1Fail

4.1:1AA18

4.8:1AA

14:1AAA

10.7:1AAA

4.1:1AA18

1.2:1Fail

16.3:1AAA

12.4:1AAA

4.8:1AA

1.2:1Fail

Similar palettes

More like Cybernetic Glitch Flow

View all vibrant

Cyberpunk Neon Blur

Cyber Synth Glow

Cybernetic City Pulse

Cybernetic Future Glow

Cybernetic Pulse Beat

Cybernetic Street Grid