We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Tokyo Neon Night

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

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.

UrbanNeonDarkJapanNight
Why this set works

Magenta, cyan, and amber neon against deep urban darkness — the visual language of Tokyo at 11 PM.

Gaming, entertainment, and nightlife brand visual systems
Dark-mode UI with chromatic accent colors
Urban culture editorial and Asia-focused campaign design
Prompt words
tokyo neon palettejapan night color schemeurban neon dark palettecyberpunk tokyo colorsjapanese city night palette
Export ready
1. Magenta Radiant Vivid #C433E1
2. Cyan Core Bright #14E1D0
3. Amber Silk Vivid #EAD671
4. Cobalt Dusk Clear #284786
5. Violet Nocturne Clear #21174F
6. True Gray Nocturne #333333
:root {
  --tokyo-neon-night-1: #C433E1;
  --tokyo-neon-night-2: #14E1D0;
  --tokyo-neon-night-3: #EAD671;
  --tokyo-neon-night-4: #284786;
  --tokyo-neon-night-5: #21174F;
  --tokyo-neon-night-6: #333333;
}
Dark mode pairs
#C433E1
#571764
#14E1D0
#89EBE3
#EAD671
#9E8A24
#284786
#6686C6
#21174F
#CDC7EB
#333333
#D9D9D9
WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#C433E1
4.3:1 AA Large
4.9:1 AA
#14E1D0
1.7:1 Fail
12.7:1 AAA
#EAD671
1.5:1 Fail
14.4:1 AAA
#284786
9:1 AAA
2.3:1 Fail
#21174F
16.2:1 AAA
1.3:1 Fail
#333333
12.6:1 AAA
1.7:1 Fail

Color-on-color pairs:

+
2.6:1 Fail
+
2.9:1 Fail
+
2.1:1 Fail
+
3.8:1 AA Large
+
3:1 AA Large
+
1.1:1 Fail
+
5.4:1 AA
+
9.8:1 AAA
+
7.6:1 AAA
+
6.1:1 AA
+
11:1 AAA
+
8.6:1 AAA
+
1.8:1 Fail
+
1.4:1 Fail
+
1.3:1 Fail

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Magenta Radiant Vivid
#C433E1
Pink · hsl(290, 74%, 54%)
2
Cyan Core Bright
#14E1D0
Teal · hsl(175, 84%, 48%)
3
Amber Silk Vivid
#EAD671
Yellow · hsl(50, 74%, 68%)
4
Cobalt Dusk Clear
#284786
Blue · hsl(220, 54%, 34%)
5
Violet Nocturne Clear
#21174F
Purple · hsl(250, 54%, 20%)
6
True Gray Nocturne
#333333
Red · hsl(0, 0%, 20%)

More collections like this

Browse collections →
  • Cyberpunk Neon
  • Neon After Dark
  • Deep Ocean Trench
  • Aurora Borealis
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

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.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

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.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 6 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, 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 caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.