Palette

Midnight City Glitch

Deep, inky purples and electric lavenders mirroring the abstract, digital glitches of a cyberpunk city at midnight.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight City 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 Midnight City Glitch.

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

Data visualization

#1E0733#3B1B59#8E44AD#C08AE0#E0C8F0

Palette guide

How to use Midnight City Glitch

Overview

The "Midnight City Glitch" palette features deep, inky purples and electric lavenders, mirroring the abstract, digital glitches of a cyberpunk city at midnight. It grounds designs with the profound #1E0733 and the rich #3B1B59, then electrifies with the vibrant #8E44AD, the luminous #C08AE0, and the ethereal #E0C8F0. This palette is perfect for designers aiming to convey a futuristic, edgy, or mysterious digital aesthetic. Developers will find it excellent for creating immersive gaming interfaces, tech-focused branding, or captivating digital art that pulses with a unique, glitchy energy and sophisticated depth.

Best used for

Cyberpunk or futuristic game UI
Tech and software branding
Digital art and abstract design
Music production websites (electronic)
Dark mode interfaces with a vibrant twist
Event promotion for tech conferences

Suggested color roles

primary

#1E0733 – The deepest, almost black-purple, ideal for foundational backgrounds, headers, or large content blocks, establishing a mysterious digital void.

secondary

#3B1B59 – A rich, dark purple, perfect for navigation, secondary panels, or subtle dividers, adding depth and sophistication.

accent

#8E44AD – Use this vibrant, electric purple for calls to action, interactive elements, or key information, simulating a digital glow.

background

#1E0733 or #3B1B59 for a deep, immersive dark canvas. #E0C8F0 can be used sparingly for impactful, glowing elements.

text

#E0C8F0 or white on darker purples like #1E0733 or #3B1B59 for excellent readability. Use #1E0733 for text on #E0C8F0.

Accessibility notes

Ensure high contrast between the dark purples (#1E0733, #3B1B59) and the light lavenders (#C08AE0, #E0C8F0) for all text.
Be cautious when using #8E44AD and #C08AE0 for small text; their contrast might be insufficient.
For interactive elements, ensure distinct visual cues beyond color, especially for states using similar shades.
Always verify text legibility on all chosen background colors, particularly for smaller font sizes.

Recommended combinations

Glitch Core

A powerful dark mode, #1E0733 as background, #E0C8F0 for primary text, and #8E44AD for vibrant interactive elements.

#1E0733 · #E0C8F0 · #8E44AD

Digital Pulse

Creates a layered, futuristic feel for hero sections or data visualizations, with deep purple, luminous lavender, and electric accent.

#3B1B59 · #C08AE0 · #8E44AD

Cyberpunk Aura

Use #E0C8F0 as an accent background for striking elements, with #1E0733 for bold text and #3B1B59 for supporting details.

#E0C8F0 · #1E0733 · #3B1B59

CSS variables

:root {
  --midnight-city-glitch-1: #1E0733;
  --midnight-city-glitch-2: #3B1B59;
  --midnight-city-glitch-3: #8E44AD;
  --midnight-city-glitch-4: #C08AE0;
  --midnight-city-glitch-5: #E0C8F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-city-glitch": {
        1: "#1E0733",
        2: "#3B1B59",
        3: "#8E44AD",
        4: "#C08AE0",
        5: "#E0C8F0",
      }
    }
  }
}

Hex values

Color 1#1E0733

Color 2#3B1B59

Color 3#8E44AD

Color 4#C08AE0

Color 5#E0C8F0

Accessibility

Contrast checker

1.3:1Fail

3.2:1AA18

7:1AAA

12.1:1AAA

1.3:1Fail

2.4:1Fail

5.3:1AA

9.2:1AAA

3.2:1AA18

2.4:1Fail

2.2:1Fail

3.8:1AA18

7:1AAA

5.3:1AA

2.2:1Fail

1.7:1Fail

12.1:1AAA

9.2:1AAA

3.8:1AA18

1.7:1Fail

Similar palettes

More like Midnight City Glitch

Glitch System Interface

Midnight Emerald Depths

Midnight Forest Shade