Soft Blue Winter Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Soft Blue Winter palette
Soft Blue Winter color palette PNG image
Soft Blue Winter color palette CSS
/* CSS */
.color-1 {
color: #a3c7e0;
}
.color-2 {
color: #bfd6e8;
}
.color-3 {
color: #e0e7f0;
}
.color-4 {
color: #f5f5fa;
}
.color-5 {
color: #d1e1e6;
}
/* CSS Variables */
:root {
--color-1: #a3c7e0;
--color-2: #bfd6e8;
--color-3: #e0e7f0;
--color-4: #f5f5fa;
--color-5: #d1e1e6;
} Soft Blue Winter background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c7e0, #bfd6e8, #e0e7f0, #f5f5fa, #d1e1e6);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c7e0, #bfd6e8, #e0e7f0, #f5f5fa, #d1e1e6);
} Similar color palettes
Soft Blue Winter color palette created on .