Tokyo Night
The Tokyo Night color palette is a complementary scheme with 4 carefully selected colors (#1a1b26, #24283b, #7aa2f7, #ff9e64). Great for dark and neon design projects.
Colors in this palette
#1a1b26
Color 1 of 4
#24283b
Color 2 of 4
#7aa2f7
Color 3 of 4
#ff9e64
Color 4 of 4
How to use this palette
🎨
UI Design
Use lightest shade for backgrounds, darkest for text.
💻
Web Dev
Copy CSS variables from the export panel on the right.
✏️
Branding
Complementary palettes work great for logos and print.
Export Palette
Gradient preview
WCAG Contrast
✕ 1a1↔242 1.2:1✓ 242↔7aa 5.8:1✕ 7aa↔ff9 1.2:1
#1a1b26 #24283b #7aa2f7 #ff9e64