Cyberpunk Tokyo Night Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Cyberpunk Tokyo Night palette

Share this palette to:

Download Cyberpunk Tokyo Night Color Palette (PNG)

Download cyberpunk tokyo night color palette PNG image (landscape)
Download cyberpunk tokyo night color palette PNG image (square)

Cyberpunk Tokyo Night color palette CSS

/* CSS */
.color-1 {
color: #1e1a38;
}
.color-2 {
color: #4e4b6c;
}
.color-3 {
color: #8a7b9d;
}
.color-4 {
color: #f03d55;
}
.color-5 {
color: #00d4ff;
}

/* CSS Variables */
:root {
--color-1: #1e1a38;
--color-2: #4e4b6c;
--color-3: #8a7b9d;
--color-4: #f03d55;
--color-5: #00d4ff;
}

Cyberpunk Tokyo Night background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1a38, #4e4b6c, #8a7b9d, #f03d55, #00d4ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1a38, #4e4b6c, #8a7b9d, #f03d55, #00d4ff);
}

Cyberpunk Tokyo Night color palette created on .