Neon Color Palette — HEX Codes, Swatches & UI Palette
High-saturation luminescent tones that glow against deep obsidian backgrounds. Features laser neon green, hot magenta, electric cyan, and radiant orange for gaming, streaming, Web3, and club event branding.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Neon Color Palette.
UI Design & Color Hierarchy Guide
Exclusively designed for dark mode interfaces (#0A0B0E or #121212). Use neon tones sparingly as glowing borders, button highlights, and status indicators rather than large text blocks.
WCAG 2.1 Accessibility & Contrast Matrix
Legibility ratings between palette elements and key backgrounds (Lightest: Electric Cyan | Darkest: Deep Obsidian Void):
| Swatch | Contrast vs Light Canvas | Contrast vs Dark Canvas |
|---|---|---|
| Laser Neon Green (#39FF14) | 1.0:1 Fail | 14.5:1 AAA |
| Hot Magenta (#FF10F0) | 2.35:1 Fail | 6.16:1 AA |
| Electric Cyan (#00F5FF) | 1.0:1 Fail | 14.52:1 AAA |
| Neon Solar Orange (#FF5F1F) | 2.24:1 Fail | 6.47:1 AA |
| Deep Obsidian Void (#0A0B0E) | 14.52: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: #39FF14; /* Laser Neon Green - High-Voltage Accent */
--color-2: #FF10F0; /* Hot Magenta - Electric Vibrant CTA */
--color-3: #00F5FF; /* Electric Cyan - Cyan Light Glow */
--color-4: #FF5F1F; /* Neon Solar Orange - Warm Power Accent */
--color-5: #0A0B0E; /* Deep Obsidian Void - High-Contrast Dark Canvas */
}{
colors: {
'palette-1': '#39FF14',
'palette-2': '#FF10F0',
'palette-3': '#00F5FF',
'palette-4': '#FF5F1F',
'palette-5': '#0A0B0E'
}
}Explore More Curated Color Palettes
Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.