The intersection of Shinjuku or Shibuya at night creates one of the most dense and specific color environments in the world: signage in magenta, cyan, and hot amber layered over deep gray-blue street-level shadow, the occasional violet or cobalt spill from a pachinko parlor or electronics store. The palette is not garish — in context, each neon reads as a precise signal against the dark — and it translates to design contexts that need energy, modernity, and a certain studied intensity. It works for technology and gaming brands, nightlife and entertainment visual systems, editorial work on urban Asia and city culture, and dark-mode interfaces that need chromatic punctuation rather than generic color.
Kabukicho at midnight. The magenta sign is for a karaoke bar; the cyan is reflecting off wet pavement three stories below it. The amber is from a ramen shop that has been there since 1978. The dark between the signs is not black — it is a very deep gray-blue — and it makes the neon colors look like they are floating.
Magenta, cyan, and amber neon against deep urban darkness — the visual language of Tokyo at 11 PM.
Each swatch links back to its individual archive detail page.
Ready-made tokens for Tokyo Neon Night
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 6 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |