Sunset Bloom Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sunset Bloom palette
Sunset Bloom color palette PNG image
Sunset Bloom color palette CSS
/* CSS */
.color-1 {
color: #d31212;
}
.color-2 {
color: #f0607d;
}
.color-3 {
color: #cd4785;
}
.color-4 {
color: #954899;
}
.color-5 {
color: #eeb21b;
}
/* CSS Variables */
:root {
--color-1: #d31212;
--color-2: #f0607d;
--color-3: #cd4785;
--color-4: #954899;
--color-5: #eeb21b;
} Sunset Bloom background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d31212, #f0607d, #cd4785, #954899, #eeb21b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d31212, #f0607d, #cd4785, #954899, #eeb21b);
} Similar color palettes
Sunset Bloom color palette created on .