Back to palettes

Palette

Cybernetic Glitch Stream

Electric purples and dark tones inspired by digital distortions and flowing data streams.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A001A#330033#660066#990099#CC00CC

Palette guide

How to use Cybernetic Glitch Stream

Overview

The Cybernetic Glitch Stream palette is a mesmerizing progression of electric purples and dark tones, inspired by digital distortions and flowing data streams. Ranging from a profound dark eggplant (#1A001A) to a vibrant, almost neon magenta-purple (#CC00CC), with intermediate shades like #330033, #660066, and #990099, this palette creates a sense of depth and dynamic movement. Designers and developers will find it ideal for projects requiring a mysterious, sophisticated, yet energetic aesthetic. It's perfect for conveying complex digital processes, futuristic interfaces, or abstract, glitch-inspired visuals.

Best used for

  • Data visualization for abstract or complex systems
  • Sci-fi game interfaces and visual effects
  • Digital art and generative design
  • Fashion or beauty branding with an edgy, technological feel
  • Event promotions for electronic music or art installations
  • Streaming channel overlays and animated backgrounds

Suggested color roles

primary

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

secondary

Apply #990099 (Bright Violet) for secondary calls-to-action, important sub-headings, or to create a vibrant, energetic contrast.

accent

Reserve #660066 (Deep Violet) for subtle background elements, layered textures, or to add depth to interactive states.

background

Utilize #1A001A (Dark Eggplant) as the deepest, most mysterious background, providing a strong base for the purples to glow.

text

Pair #CC00CC (Electric Purple) or #990099 (Bright Violet) for headings; use white for general body text on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using adjacent shades like #330033 on #1A001A. Prioritize #CC00CC or white.
  • Avoid using #1A001A and #330033 for critical information if color is the sole differentiator, due to their similar dark values.
  • Use #1A001A 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

Data Stream

A dark base with deep violet for main data flows and electric purple for active streams or highlights.

#1A001A · #660066 · #CC00CC

Glitch Effect

Use for creating dynamic glitch animations, showing a progression of digital disruption.

#330033 · #990099 · #CC00CC

Mystic Interface

Create layered backgrounds or subtle depth for complex interfaces, moving from darkest to slightly lighter purples.

#1A001A · #330033 · #990099

CSS variables

:root {
  --cybernetic-glitch-stream-1: #1A001A;
  --cybernetic-glitch-stream-2: #330033;
  --cybernetic-glitch-stream-3: #660066;
  --cybernetic-glitch-stream-4: #990099;
  --cybernetic-glitch-stream-5: #CC00CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-glitch-stream": {
        1: "#1A001A",
        2: "#330033",
        3: "#660066",
        4: "#990099",
        5: "#CC00CC",
      }
    }
  }
}

Related searches

purple tech paletteneon glitch colorsdigital data flowfuturistic violet schemedark mode purple UI

Palette colors

Hex values

Color 1#1A001A
·
Color 2#330033
·
Color 3#660066
·
Color 4#990099
·
Color 5#CC00CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
2.7:1Fail
4.2:1AA18
2
1.1:1Fail
1.5:1Fail
2.4:1Fail
3.7:1AA18
3
1.7:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
2.7:1Fail
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
4.2:1AA18
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Cybernetic Glitch Stream

View all vibrant
Chroma Glitch Pop
Cyber Neon Grid
Digital Ghost Pixel
Digital Glitch Matrix
Urban Neon Glitch
Abstract Pop Glitch