Back to palettes

Palette

Digital Ghost Glitch

A gradient of deep to bright purples, suggesting a mysterious digital anomaly or ghost in the machine.

MonochromeDark5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Digital Ghost Glitch 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 Digital Ghost Glitch.

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

Data visualization

#000000#330033#660066#990099#CC00CC

Palette guide

How to use Digital Ghost Glitch

Overview

The Digital Ghost Glitch palette is a mysterious monochrome gradient of deep to bright purples, suggesting a digital anomaly or ghost in the machine. Starting with a stark #000000 black, it transitions through the subtle #330033 to the luminous #CC00CC. This palette is perfect for designers aiming to evoke intrigue, dark tech aesthetics, and a sense of hidden digital energy. The consistent purple hue, with varying intensities like #660066 and #990099, allows for creating depth and glowing effects, making it ideal for projects that require a focused yet enigmatic visual impact.

Best used for

  • Dark mode UI themes
  • Cybersecurity interfaces
  • Mystery game aesthetics
  • Sci-fi horror branding
  • Abstract digital art
  • Futuristic tech presentations

Suggested color roles

primary

The stark #000000 provides the essential, deep background for all other colors to mysteriously glow.

secondary

Use #330033 or #660066 for secondary backgrounds, panels, or less critical information, adding subtle depth.

accent

The bright #CC00CC is perfect for highlights, active states, glowing elements, or critical call-to-action buttons, demanding attention.

background

#000000 is the indispensable background, allowing the purple shades to simulate a spectral glow.

text

For text, #CC00CC or #990099 on #000000 provides excellent readability and a distinct digital, ethereal aesthetic.

Accessibility notes

  • Ensure strong contrast for text, especially using #CC00CC or #990099 on the #000000 background.
  • Avoid using mid-tone purples like #330033 or #660066 for small text against similarly dark backgrounds.
  • The brightest color, #CC00CC, provides excellent visibility for key information and interactive elements.
  • For body text, use #990099 or #CC00CC against #000000 to maintain readability and the mysterious aesthetic.

Recommended combinations

Ghostly Glow

Creates a dramatic, high-contrast look for dark interfaces, emphasizing glowing elements and key information.

#000000 · #CC00CC · #660066

Digital Haze

Excellent for subtle gradients or animated pathways, mimicking data flow with a harmonious, mysterious progression.

#330033 · #660066 · #990099

Glitch Pop

Use for prominent call-to-actions or alerts, ensuring they command attention with a bright, energetic pop.

#CC00CC · #000000 · #990099

CSS variables

:root {
  --digital-ghost-glitch-1: #000000;
  --digital-ghost-glitch-2: #330033;
  --digital-ghost-glitch-3: #660066;
  --digital-ghost-glitch-4: #990099;
  --digital-ghost-glitch-5: #CC00CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-ghost-glitch": {
        1: "#000000",
        2: "#330033",
        3: "#660066",
        4: "#990099",
        5: "#CC00CC",
      }
    }
  }
}

Related searches

dark purple tech palettedigital ghost aestheticmonochrome purple designcyber mystery colorsglowing glitch effect

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
2.8:1Fail
4.4:1AA18
2
1.2:1Fail
1.5:1Fail
2.4:1Fail
3.7:1AA18
3
1.8:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
2.8:1Fail
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
4.4:1AA18
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Digital Ghost Glitch

View all Monochrome