Cyberpunk & Terminal Color Palettes

Last reviewed on April 27, 2026.

Color choice is the single biggest lever for whether a hacker-aesthetic visual reads as "deliberate style" or "default theme." This page collects the palettes the rest of the site uses, plus a few common alternatives, with copy-ready values in HEX, RGB, and HSL. Click any swatch to copy.

Copy format: HEX. Switch

Matrix green

Pure green-channel light over black. The original Matrix-rain effect uses a small spread of values rather than a single tone — a brighter head on each falling column, a mid green for the trail, and a deep green for the residue. Reproduce it by layering three tones, not by picking one.

Cyber cyan

The default accent across this site. Cyan reads as "modern infosec" and as "screen light," because it sits between pure blue and pure green where most CRT phosphors actually emitted. Pair it with deep navy or near-black backgrounds; it disappears on grey.

Amber CRT

Pre-color terminals shipped with phosphors in white, green, or amber. The amber tone fatigues the eye less than green over long sessions, which is why it survived in trading rooms and air-traffic systems long after color displays were available. Use it for overlays that need to feel old without feeling broken.

Ice blue

A cooler palette that reads as "modern dashboard" or "space simulator." It is the easiest palette to mix with photographic content because cool tones recede; webcam skin tones stay warm and forward.

Blood red

Red is the riskiest accent on a stream because it pulls the viewer's eye with no effort. Reserve red for warning beats, error states, and short transitions. Long-form red backgrounds tire the audience.

Neon purple

Purple sits closest to the cyberpunk-poster aesthetic. It has more saturation budget than green or cyan, which means it can read at lower brightness without becoming muddy.

How to choose between palettes

Practical contrast checks

Cyberpunk palettes look great at 100% brightness and fall apart at low brightness. Three things to verify before shipping:

• Light text on dark background. Aim for at least 4.5:1 contrast for body text and 3:1 for large display text. Pure cyan on pure black sits around 16:1, which is easy. Mid amber on dark grey often fails — bump the amber lighter or the grey darker.
• Glow versus core. If you add a glow effect (text-shadow, blur), the perceived contrast drops. Use a slightly brighter core color than the design system would otherwise call for.
• Encoder loss. Streams compress aggressively. Saturated cyan and red bleed first, then purple. Test your overlay at the bitrate you actually ship at — what looks fine in the editor often smears in the stream.

How the colors are used elsewhere on the site

The site itself uses cyber cyan as its accent. The Matrix rain tool exposes all six palettes plus rainbow as a preset; the cyber attack map uses cyan for blocked traffic and red for active threats; the tech dashboard uses green-cyan-yellow-red as a status gradient. If you are building an overlay across multiple tools, picking matching palettes here keeps the cuts coherent — see the streaming toolkit for how that fits into a real workflow.

Common mistakes

• Matching by HEX, ignoring background. A swatch picked from a poster looks different on a black browser background than on a white one. Always preview against the actual destination.
• Using too many accents. Two accents over a neutral background is a palette. Four accents is a parade. The tools on this site stick to one accent plus the threat-state colors precisely because more would compete.
• Pure max-brightness colors. #00FF00 at full saturation flares on most modern displays. Pull green back to #00C24A or #00E676 and it will photograph and stream more cleanly.