Paleta de colores Serenity by the Shore
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Serenity by the Shore palette
CSS de la paleta de colores Serenity by the Shore
/* CSS */
.color-1 {
color: #1e3a76;
}
.color-2 {
color: #4a6e7d;
}
.color-3 {
color: #7eb9a9;
}
.color-4 {
color: #d5e2d5;
}
.color-5 {
color: #f3f9f1;
}
/* CSS Variables */
:root {
--color-1: #1e3a76;
--color-2: #4a6e7d;
--color-3: #7eb9a9;
--color-4: #d5e2d5;
--color-5: #f3f9f1;
} CSS del degradado de fondo Serenity by the Shore
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3a76, #4a6e7d, #7eb9a9, #d5e2d5, #f3f9f1);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3a76, #4a6e7d, #7eb9a9, #d5e2d5, #f3f9f1);
} Paletas de colores similares
Serenity by the Shore color palette created on .