Tokyo Neon

5 colors · Trust, stability and professionalism
← All palettes

Palette colors

Pure Black
#0D0D0D · rgb(13,13,13) · hsl(0°,0%,5%)
Deep Pink
#FF0090 · rgb(255,0,144) · hsl(326°,100%,50%)
Vivid Cyan
#00E5FF · rgb(0,229,255) · hsl(186°,100%,50%)
Deep Violet
#7B2FFF · rgb(123,47,255) · hsl(262°,100%,59%)
Forest Green
#39FF14 · rgb(57,255,20) · hsl(111°,100%,54%)

CSS Code


    

Using the Tokyo Neon palette in design

The Tokyo Neon palette evokes trust, stability and professionalism. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Pure Black (#0D0D0D) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking trust, stability and professionalism directly influences the emotional perception of your audience. The 5 colors of the Tokyo Neon palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#5A6D89
Colors 5
Dom. hue 216°
Avg. saturation 21%
Avg. lightness 45%
Tone Light
Quick export