Cyber Neon Dark Mode Palette — HEX Codes, Swatches & UI Palette
The ultimate dark mode developer palette. Engineered specifically for OLED displays and code syntax highlighting: matrix emerald, cyber cyan, and solar amber pop against zero-glare deep space black.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Cyber Neon Dark Mode Palette.
UI Design & Color Hierarchy Guide
Tested for zero eye strain during multi-hour programming and data modeling sessions. Uses #0A0B0E as a velvety true-dark canvas that makes syntax tokens glow effortlessly.
WCAG 2.1 Accessibility & Contrast Matrix
Legibility ratings between palette elements and key backgrounds (Lightest: Matrix Terminal Green | Darkest: Deep Space Void):
| Swatch | Contrast vs Light Canvas | Contrast vs Dark Canvas |
|---|---|---|
| Matrix Terminal Green (#00FF66) | 1.0:1 Fail | 14.51:1 AAA |
| Cyber Wave Cyan (#00E5FF) | 1.14:1 Fail | 12.78:1 AAA |
| Solar Warning Amber (#FFB700) | 1.29:1 Fail | 11.26:1 AAA |
| Hot Terminal Rose (#FF3366) | 2.62:1 Fail | 5.54:1 AA |
| Deep Space Void (#0A0B0E) | 14.51:1 AAA | 1.0:1 Fail |
CSS Custom Properties & Design Tokens
Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:
:root {
--color-1: #00FF66; /* Matrix Terminal Green - Active Status / Success */
--color-2: #00E5FF; /* Cyber Wave Cyan - Interactive Links / Functions */
--color-3: #FFB700; /* Solar Warning Amber - Caution / Parameters */
--color-4: #FF3366; /* Hot Terminal Rose - Critical / Error Tokens */
--color-5: #0A0B0E; /* Deep Space Void - True Dark Canvas */
}{
colors: {
'palette-1': '#00FF66',
'palette-2': '#00E5FF',
'palette-3': '#FFB700',
'palette-4': '#FF3366',
'palette-5': '#0A0B0E'
}
}Explore More Curated Color Palettes
Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.