Paleta de colores Serene Coastal Breeze
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Serene Coastal Breeze palette
Image Gallery
CSS de la paleta de colores Serene Coastal Breeze
/* CSS */
.color-1 {
color: #dae7ec;
}
.color-2 {
color: #c4dae3;
}
.color-3 {
color: #b2cedc;
}
.color-4 {
color: #a0c2d4;
}
.color-5 {
color: #8db6ce;
}
/* CSS Variables */
:root {
--color-1: #dae7ec;
--color-2: #c4dae3;
--color-3: #b2cedc;
--color-4: #a0c2d4;
--color-5: #8db6ce;
} CSS del degradado de fondo Serene Coastal Breeze
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dae7ec, #c4dae3, #b2cedc, #a0c2d4, #8db6ce);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dae7ec, #c4dae3, #b2cedc, #a0c2d4, #8db6ce);
} Paletas de colores similares
Serene Coastal Breeze color palette created on .