Yuga Aoyama Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Yuga Aoyama palette
Color Inspiration
Images that showcase this color palette in real designs
Download Yuga Aoyama Color Palette (PNG)
Yuga Aoyama color palette CSS
/* CSS */
.color-1 {
color: #5c7f9d;
}
.color-2 {
color: #7aa6b3;
}
.color-3 {
color: #a3d0d7;
}
.color-4 {
color: #f4e2b3;
}
.color-5 {
color: #f7a3a1;
}
/* CSS Variables */
:root {
--color-1: #5c7f9d;
--color-2: #7aa6b3;
--color-3: #a3d0d7;
--color-4: #f4e2b3;
--color-5: #f7a3a1;
} Yuga Aoyama background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c7f9d, #7aa6b3, #a3d0d7, #f4e2b3, #f7a3a1);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c7f9d, #7aa6b3, #a3d0d7, #f4e2b3, #f7a3a1);
} Similar color palettes
Yuga Aoyama color palette created on .