Atmospheric Japanese nightlife palette pairing deep midnight purple with luminous magenta and neon yellow accents.
Instantly shift Tokyo Neon Night into Pastel, Dark, Luxury, Muted, or Vibrant variations.
Target industry compatibility and UI design system fit scores.
High-contrast data cards, charts, and clean sidebar navigation.
Instills institutional trust, wealth metrics, and transaction clarity.
Sleek dark or minimal backgrounds highlighting creative work.
Vibrant CTA buttons and product card grid contrast.
Calming, trustworthy tones ideal for clinical portals and telehealth.
Engaging, readable text contrast for learning management apps.
Optimized touch target contrast and compact mobile navigation.
Structured status indicators, tables, and settings control panels.
Instantly see how Tokyo Neon Night behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
| Swatch | HEX | RGB | HSL | HSV | CMYK | OKLCH | Copy |
|---|---|---|---|---|---|---|---|
| #0B0C10 | rgb(11, 12, 16) | hsl(228°, 19%, 5%) | hsv(228°, 31%, 6%) | cmyk(31%, 25%, 0%, 94%) | oklch(0.155 0.009 276.3°) | ||
| #1F2833 | rgb(31, 40, 51) | hsl(213°, 24%, 16%) | hsv(213°, 39%, 20%) | cmyk(39%, 22%, 0%, 80%) | oklch(0.273 0.024 253.1°) | ||
| #C5C6C7 | rgb(197, 198, 199) | hsl(210°, 2%, 78%) | hsv(210°, 1%, 78%) | cmyk(1%, 1%, 0%, 22%) | oklch(0.826 0.002 243.4°) | ||
| #66FCF1 | rgb(102, 252, 241) | hsl(176°, 96%, 69%) | hsv(176°, 60%, 99%) | cmyk(60%, 0%, 4%, 1%) | oklch(0.908 0.128 188.5°) | ||
| #45A29E | rgb(69, 162, 158) | hsl(177°, 40%, 45%) | hsv(177°, 57%, 64%) | cmyk(57%, 0%, 2%, 36%) | oklch(0.656 0.088 191.2°) |
Export directly for Tailwind, CSS Variables, SCSS, JSON, and Figma Tokens.
// Tokyo Neon Night Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'tokyo-neon-night': {
'100': '#0B0C10',
'200': '#1F2833',
'300': '#C5C6C7',
'400': '#66FCF1',
'500': '#45A29E',
}
}
}
}
};Automated contrast ratio analysis and text overlay recommendations for Tokyo Neon Night.
Theoretical color wheel relationships derived from the dominant brand color #0B0C10.
Ultra-sleek dark mode palette inspired by Linear and Vercel interfaces. Features deep zinc charcoal backgrounds with vibrant cyan highlights.
Retro 80s arcade palette combining hot magenta, electric cyan, and deep space navy for music streaming and gaming graphics.
Iconic dark mode theme using Spotify high-contrast neon green paired with rich charcoal dark surfaces.
Discover high-contrast, accessible color schemes used by top SaaS products like Linear, Stripe, and Apple.
How leading brands use red, blue, green, and gold to evoke trust, urgency, and premium luxury.
How to use soft pastel palettes in modern web design without sacrificing text readability.