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