Palette

Galactic Glitch Flow

A vivid, electric mix of purples, pinks, and teal inspired by digital art and cosmic anomalies.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0326#420F6B#8C0F80#FF459E#5FE3C0

Palette guide

How to use Galactic Glitch Flow

Overview

The "Galactic Glitch Flow" palette is a vivid, electric mix inspired by digital art and cosmic anomalies, perfect for energetic and modern designs. It grounds itself with the deep, dark #0F0326 before exploding into vibrant purples like #420F6B and the striking magenta #8C0F80. The palette reaches peak intensity with the neon pink #FF459E and the unexpected, electrifying teal #5FE3C0. Designers can harness this high-contrast, energetic collection to create dynamic interfaces, edgy branding, or captivating digital art that embodies a cyberpunk, futuristic aesthetic with a unique, glitchy charm.

Best used for

Cyberpunk game UI/UX
Music festival branding
Tech startup websites
Digital art and animation
E-sports team branding
Interactive event displays

Suggested color roles

primary

#0F0326 - Ideal for extensive backgrounds, providing a deep, stable, and dark base for vibrant elements to pop.

secondary

#420F6B - Use for major content blocks, navigation, or subheadings, offering a rich, electric purple.

accent

#FF459E - Perfect for high-impact calls-to-action, interactive elements, or striking highlights that demand attention.

background

#0F0326 - The darkest hue, creating a dramatic, immersive dark theme for maximum contrast.

text

#5FE3C0 - Optimal for headings or key information on dark backgrounds, offering a vibrant, readable glow. For body text, consider near-white.

Accessibility notes

Ensure #5FE3C0 and #FF459E on #0F0326 meet WCAG AA contrast for larger text; use with caution for small text.
Avoid using #420F6B or #8C0F80 as text on #0F0326 due to insufficient contrast.
Use a stark white or very light gray for primary body text against dark backgrounds to ensure universal readability.
Provide sufficient contrast for interactive elements, especially when pairing vibrant colors like #FF459E and #5FE3C0.

Recommended combinations

Cyberpunk Core

High-contrast dark UIs with vibrant, glitchy accents and clear, electric highlights.

#0F0326 · #8C0F80 · #5FE3C0

Neon Flow

Dynamic gradients or layered elements that evoke a futuristic, energetic feel.

#420F6B · #FF459E · #5FE3C0

Glitch Contrast

Accenting key information or calls-to-action with maximum visual impact and a digital aesthetic.

#0F0326 · #FF459E · #5FE3C0

CSS variables

:root {
  --galactic-glitch-flow-1: #0F0326;
  --galactic-glitch-flow-2: #420F6B;
  --galactic-glitch-flow-3: #8C0F80;
  --galactic-glitch-flow-4: #FF459E;
  --galactic-glitch-flow-5: #5FE3C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-glitch-flow": {
        1: "#0F0326",
        2: "#420F6B",
        3: "#8C0F80",
        4: "#FF459E",
        5: "#5FE3C0",
      }
    }
  }
}

Hex values

Color 1#0F0326

Color 2#420F6B

Color 3#8C0F80

Color 4#FF459E

Color 5#5FE3C0

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

6.2:1AA

12.5:1AAA

1.4:1Fail

1.6:1Fail

4.4:1AA18

8.8:1AAA

2.4:1Fail

1.6:1Fail

2.6:1Fail

5.3:1AA

6.2:1AA

4.4:1AA18

2.6:1Fail

2:1Fail

12.5:1AAA

8.8:1AAA

5.3:1AA

2:1Fail

Similar palettes

More like Galactic Glitch Flow