Palette

Cybernetic Chroma Burst

Explosive, bright colors against a dark void, reminiscent of digital screens and a high-tech future.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Chroma Burst 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 Chroma Burst.

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

Data visualization

#00FFFF#FF00FF#FFFF00#0D0D0D#4B0082

Palette guide

How to use Cybernetic Chroma Burst

Overview

The Cybernetic Chroma Burst palette is an explosion of high-energy, vibrant hues designed for digital-first experiences. Featuring electric cyan (#00FFFF), intense magenta (#FF00FF), and vivid yellow (#FFFF00) against a deep, near-black void (#0D0D0D), this palette embodies a futuristic, cyberpunk aesthetic. A rich indigo (#4B0082) adds depth and a subtle, dark glow. It’s perfect for projects requiring an energetic, bold, and dynamic visual language, capturing the essence of digital screens and a high-tech future. Designers and developers will find it ideal for creating striking interfaces and impactful branding.

Best used for

Sci-fi video game UIs and environments
Cyberpunk-themed event posters and promotions
Streaming channel overlays and branding
Digital art installations and motion graphics
Tech startup websites and app interfaces
Fashion lines with a futuristic, edgy aesthetic

Suggested color roles

primary

Use #00FFFF (Electric Cyan) for main calls-to-action, key interactive elements, or primary branding accents that demand immediate attention.

secondary

Apply #FF00FF (Intense Magenta) for secondary interactive elements, hover states, or to highlight important information, creating a vibrant contrast.

accent

Reserve #FFFF00 (Vivid Yellow) for small, critical alerts, notifications, or subtle highlights that need to pop against darker backgrounds.

background

Utilize #0D0D0D (Near Black) as the foundational dark canvas, providing a stark contrast that makes the neon colors truly burst.

text

Pair #FFFF00 (Vivid Yellow) or #00FFFF (Electric Cyan) on dark backgrounds for headings; use near-white for general body text.

Accessibility notes

Ensure sufficient contrast when pairing neon colors like #FFFF00 with #0D0D0D, as yellow on black can sometimes be difficult for some users.
Avoid using #FF00FF and #4B0082 together for critical information, as their contrast might be insufficient for text.
Use #0D0D0D as a background for lighter text colors like #00FFFF or white to ensure high readability.
Be mindful of color blindness; use multiple visual cues (icons, underlines) in addition to color for critical elements.

Recommended combinations

Digital Glitch

For UI elements that simulate digital distortion or error states, providing high contrast and visual impact.

#0D0D0D · #FF00FF · #00FFFF

Future Tech

Excellent for backgrounds with subtle depth and bright, attention-grabbing interactive elements or data points.

#0D0D0D · #4B0082 · #FFFF00

Neon Pulse

Ideal for animated effects, loading screens, or energy indicators where all three neons can pulsate for maximum effect.

#00FFFF · #FF00FF · #FFFF00

CSS variables

:root {
  --cybernetic-chroma-burst-1: #00FFFF;
  --cybernetic-chroma-burst-2: #FF00FF;
  --cybernetic-chroma-burst-3: #FFFF00;
  --cybernetic-chroma-burst-4: #0D0D0D;
  --cybernetic-chroma-burst-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-chroma-burst": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#FFFF00",
        4: "#0D0D0D",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#FFFF00

Color 4#0D0D0D

Color 5#4B0082

Accessibility

Contrast checker

2.5:1Fail

1.2:1Fail

15.5:1AAA

10.3:1AAA

2.5:1Fail

2.9:1Fail

6.2:1AA

4.1:1AA18

1.2:1Fail

2.9:1Fail

18.1:1AAA

12.1:1AAA

15.5:1AAA

6.2:1AA

18.1:1AAA

1.5:1Fail

10.3:1AAA

4.1:1AA18

12.1:1AAA

1.5:1Fail

Similar palettes

More like Cybernetic Chroma Burst

View all Vibrant

Glitch System Interface

Neon City Glimmer

Electric Glitch Bloom

Neon City Drip

Neon City Grid

Retro Arcade Neon