Serenity of Sky and Snow Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Serenity of Sky and Snow palette
Serenity of Sky and Snow color palette CSS
/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #f9faf9;
}
.color-3 {
color: #d9e6ed;
}
.color-4 {
color: #b1c1d2;
}
.color-5 {
color: #5491bb;
}
/* CSS Variables */
:root {
--color-1: #ffffff;
--color-2: #f9faf9;
--color-3: #d9e6ed;
--color-4: #b1c1d2;
--color-5: #5491bb;
}
Serenity of Sky and Snow background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #f9faf9, #d9e6ed, #b1c1d2, #5491bb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #f9faf9, #d9e6ed, #b1c1d2, #5491bb);
}
Similar color palettes
Serenity of Sky and Snow color palette created on .