Palette

Digital Ghost Pixel

A hauntingly vibrant palette, like a glitching digital ghost rendered in electric purples and magentas.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A05A6#B000B0#FF00FF#3A0057#DB00DB

Palette guide

How to use Digital Ghost Pixel

Overview

The Digital Ghost Pixel palette is a hauntingly vibrant collection, like a glitching digital ghost rendered in electric purples and magentas. From the deep #3A0057 to the dazzling #FF00FF, with striking intermediate shades like #6A05A6, #B000B0, and #DB00DB, this palette offers designers a powerful tool for energetic, cyber, and visually impactful designs. The strong contrast and luminous quality create a dynamic sense of digital energy and mystery. It's ideal for projects that demand a bold, high-tech aesthetic with a touch of the supernatural or abstract, ensuring an unforgettable visual presence.

Best used for

Cyberpunk game interfaces
Sci-fi horror media assets
Music festival visuals
Abstract digital art
Dark mode UI themes with a pop
Futuristic fashion branding

Suggested color roles

primary

The deep #3A0057 provides a strong, mysterious base, ideal for backgrounds, containers, or primary text elements.

secondary

Use #6A05A6 for secondary backgrounds, panels, or less critical information, adding a rich, energetic purple.

accent

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

background

A very dark gray or black provides the best contrast, allowing these luminous purples to truly glow. Alternatively, use #3A0057 for a dark theme.

text

For text, #FF00FF, #B000B0, or #DB00DB on a dark background like #3A0057 or black offers excellent readability and a distinct digital, ethereal aesthetic.

Accessibility notes

Ensure strong contrast for text, especially using #FF00FF or #B000B0 on very dark backgrounds like #3A0057 or black.
Avoid using similar bright colors together for text and background (e.g., #DB00DB on #B000B0) as contrast will be low.
The brightest color, #FF00FF, provides excellent visibility for key information and interactive elements.
For body text, use #DB00DB or #B000B0 against a dark background to maintain readability and the digital aesthetic.

Recommended combinations

Spectral Glow

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

#3A0057 · #FF00FF · #B000B0

Pixel Pulse

Excellent for subtle gradients or animated pathways, blending purples for a harmonious, energetic progression.

#6A05A6 · #B000B0 · #DB00DB

Ghostly Pop

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

#FF00FF · #3A0057 · #DB00DB

CSS variables

:root {
  --digital-ghost-pixel-1: #6A05A6;
  --digital-ghost-pixel-2: #B000B0;
  --digital-ghost-pixel-3: #FF00FF;
  --digital-ghost-pixel-4: #3A0057;
  --digital-ghost-pixel-5: #DB00DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-ghost-pixel": {
        1: "#6A05A6",
        2: "#B000B0",
        3: "#FF00FF",
        4: "#3A0057",
        5: "#DB00DB",
      }
    }
  }
}

Hex values

Color 1#6A05A6

Color 2#B000B0

Color 3#FF00FF

Color 4#3A0057

Color 5#DB00DB

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

1.7:1Fail

2.3:1Fail

1.6:1Fail

1.9:1Fail

2.6:1Fail

1.4:1Fail

3.1:1AA18

1.9:1Fail

5.1:1AA

1.3:1Fail

1.7:1Fail

2.6:1Fail

5.1:1AA

3.8:1AA18

2.3:1Fail

1.4:1Fail

1.3:1Fail

3.8:1AA18

Similar palettes

More like Digital Ghost Pixel

View all vibrant

Cyber Neon Grid

Cybernetic Glitch Stream