Paleta de colores SF and Fantasy
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with SF and Fantasy palette
Imagen PNG de la paleta de colores SF and Fantasy
CSS de la paleta de colores SF and Fantasy
/* CSS */
.color-1 {
color: #1f4e7a;
}
.color-2 {
color: #597f9b;
}
.color-3 {
color: #87a7c5;
}
.color-4 {
color: #b7d0e1;
}
.color-5 {
color: #f0e8b7;
}
/* CSS Variables */
:root {
--color-1: #1f4e7a;
--color-2: #597f9b;
--color-3: #87a7c5;
--color-4: #b7d0e1;
--color-5: #f0e8b7;
} CSS del degradado de fondo SF and Fantasy
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f4e7a, #597f9b, #87a7c5, #b7d0e1, #f0e8b7);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f4e7a, #597f9b, #87a7c5, #b7d0e1, #f0e8b7);
} Paletas de colores similares
Desplázate hacia abajo para explorar 100+ paletas de colores Azul
SF and Fantasy color palette created on .