Serene Skies and Blushing Blooms Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Serene Skies and Blushing Blooms palette
Serene Skies and Blushing Blooms color palette CSS
/* CSS */
.color-1 {
color: #a3c7e0;
}
.color-2 {
color: #b7e0f0;
}
.color-3 {
color: #f1f5f8;
}
.color-4 {
color: #f6d7a2;
}
.color-5 {
color: #f2a1b9;
}
/* CSS Variables */
:root {
--color-1: #a3c7e0;
--color-2: #b7e0f0;
--color-3: #f1f5f8;
--color-4: #f6d7a2;
--color-5: #f2a1b9;
} Serene Skies and Blushing Blooms background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c7e0, #b7e0f0, #f1f5f8, #f6d7a2, #f2a1b9);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c7e0, #b7e0f0, #f1f5f8, #f6d7a2, #f2a1b9);
} Similar color palettes
Serene Skies and Blushing Blooms color palette created on .