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