Sakura Night Haiku Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sakura Night Haiku palette
Sakura Night Haiku color palette PNG image
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 .