Tokyo Neon Color Palette
A vibrant Tokyo neon color palette — electric pink, sign yellow, cyan, and midnight. Hex codes for cyberpunk, nightlife, and urban brand designs.
The Tokyo Neon Palette
- Shibuya Pink #FF2E63 rgb(255, 46, 99) hsl(345, 100%, 59%)
- Sign Yellow #FFE138 rgb(255, 225, 56) hsl(51, 100%, 61%)
- Neon Cyan #00F0FF rgb(0, 240, 255) hsl(184, 100%, 50%)
- Electric Purple #8B00FF rgb(139, 0, 255) hsl(273, 100%, 50%)
- Midnight #1A0B2E rgb(26, 11, 46) hsl(266, 61%, 11%)
- Asphalt #0B0014 rgb(11, 0, 20) hsl(273, 100%, 4%)
Want a custom palette from your own photo?
PhotoTones extracts hex codes from any image in under a second — free and private.
Open the Color Palette from Image GeneratorHex Codes at a Glance
#FF2E63, #FFE138, #00F0FF, #8B00FF, #1A0B2E, #0B0014
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
- In Tailwind CSS: Add each hex to your
tailwind.config.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles.
Build Your Own Palette
This tokyo neon palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.