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