copy a color
analogous
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.17:1 · Fails AA242↔7aa 5.78:1 · AA normal · AAA large7aa↔ff9 1.24:1 · Fails AA
#1a1b26 #24283b #7aa2f7 #ff9e64