Tokyo Japan Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Tokyo Japan palette
Color Inspiration
Images that showcase this color palette in real designs
Download Tokyo Japan Color Palette (PNG)
Tokyo Japan color palette CSS
/* CSS */
.color-1 {
color: #f5a300;
}
.color-2 {
color: #f8d77c;
}
.color-3 {
color: #ffb4a8;
}
.color-4 {
color: #d03e6c;
}
.color-5 {
color: #3b5b9b;
}
/* CSS Variables */
:root {
--color-1: #f5a300;
--color-2: #f8d77c;
--color-3: #ffb4a8;
--color-4: #d03e6c;
--color-5: #3b5b9b;
} Tokyo Japan background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a300, #f8d77c, #ffb4a8, #d03e6c, #3b5b9b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a300, #f8d77c, #ffb4a8, #d03e6c, #3b5b9b);
} Similar color palettes
Tokyo Japan color palette created on .