Light Blue Green Spa Day Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Light Blue Green Spa Day palette
Light Blue Green Spa Day color palette CSS
/* CSS */
.color-1 {
color: #a3d5e0;
}
.color-2 {
color: #b7e1c9;
}
.color-3 {
color: #f3e0d3;
}
.color-4 {
color: #f0b7c4;
}
.color-5 {
color: #d2c2e5;
}
/* CSS Variables */
:root {
--color-1: #a3d5e0;
--color-2: #b7e1c9;
--color-3: #f3e0d3;
--color-4: #f0b7c4;
--color-5: #d2c2e5;
}
Light Blue Green Spa Day background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d5e0, #b7e1c9, #f3e0d3, #f0b7c4, #d2c2e5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d5e0, #b7e1c9, #f3e0d3, #f0b7c4, #d2c2e5);
}
Similar color palettes
Light Blue Green Spa Day color palette created on .