We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
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

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
--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;

3/3 free exports remaining today

Dark mode pairs
#C433E1
#571764
#14E1D0
#89EBE3
#EAD671
#9E8A24
#284786
#6686C6
#21174F
#CDC7EB
#333333
#D9D9D9

3/3 free exports remaining today

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
+
1.1:1 Fail
+
5.4:1 AA
+
9.8:1 AAA
+
6.1:1 AA
+
11:1 AAA
+
1.8:1 Fail

3/3 free exports remaining today

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%)
Editorial direction

Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.

This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

Ready-made tokens for Tokyo Neon Night

Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.