Theme palettes • Reviewed October 25, 2026
Tokyo Night: Cyberpunk Neon Palette for Dark Mode UIs
High-contrast dark-mode theme designed for modern AI developer tools, streaming interfaces, and creative platforms.
Tokyo Night blends the deep shadows of midnight Tokyo with vibrant neon signage reflections, creating an energetic dark-mode aesthetic with exceptional legibility.
| Role | Token Name | Hex Value | Accessibility Contrast Ratio |
|---|---|---|---|
| App Canvas | Night Black | #1A1B26 | Base canvas background |
| Card Elevation | Night Surface | #24283B | Cards, sidebars, and input fields |
| Primary Text | Moonlit White | #C0CAF5 | 11.2:1 against Canvas (AAA compliant) |
| Neon Cyan | Akihabara Cyan | #7DCFFF | Primary brand buttons and callouts |
| Neon Magenta | Shinjuku Pink | #BB9AF7 | Secondary badges and active tabs |
Managing Neon Color Vibrancy Without Eye Fatigue
Neon colors on dark backgrounds can cause chromatic aberration. Tokyo Night moderates chroma levels on text while reserving maximum saturation for small accent icons and borders.
Frequently asked questions
- Is Tokyo Night suitable for enterprise business software?
- While primarily popular in developer tools and media apps, its high-contrast typography makes it suitable for dark-mode data analytics dashboards.
Sources and references
More in Website palettes
- Modern B2B SaaS Indigo & Slate Design System Palette
- FinTech Emerald & Forest Green Institutional Wealth Palette
- Digital Health & Clinical Wellness Ocean Teal Palette
- Minimalist Editorial & Publishing Monochrome Slate Palette
- Cybersecurity & DevSecOps Crimson & Obsidian Dark Mode Palette
- Modern Direct-to-Consumer (D2C) Warm Amber & Terracotta Palette