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