Sakura Night Haiku Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sakura Night Haiku palette
Color Inspiration
Images that showcase this color palette in real designs
Download Sakura Night Haiku Color Palette (PNG)
Sakura Night Haiku color palette CSS
/* CSS */
.color-1 {
color: #f4c3d6;
}
.color-2 {
color: #eab8d1;
}
.color-3 {
color: #d18fbe;
}
.color-4 {
color: #a76c9d;
}
.color-5 {
color: #7a4b81;
}
/* CSS Variables */
:root {
--color-1: #f4c3d6;
--color-2: #eab8d1;
--color-3: #d18fbe;
--color-4: #a76c9d;
--color-5: #7a4b81;
} Sakura Night Haiku background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c3d6, #eab8d1, #d18fbe, #a76c9d, #7a4b81);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c3d6, #eab8d1, #d18fbe, #a76c9d, #7a4b81);
} Similar color palettes
Sakura Night Haiku color palette created on .