Paleta de colores Serenity of Yamato
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Serenity of Yamato palette
Inspiración de Color
Imágenes que muestran esta paleta de colores en diseños reales
Descargar la paleta de colores Serenity of Yamato (PNG)
CSS de la paleta de colores Serenity of Yamato
/* CSS */
.color-1 {
color: #f1a8a2;
}
.color-2 {
color: #f7c5a6;
}
.color-3 {
color: #f5e6c2;
}
.color-4 {
color: #a8d3e1;
}
.color-5 {
color: #8bb9da;
}
/* CSS Variables */
:root {
--color-1: #f1a8a2;
--color-2: #f7c5a6;
--color-3: #f5e6c2;
--color-4: #a8d3e1;
--color-5: #8bb9da;
}
CSS del degradado de fondo Serenity of Yamato
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a8a2, #f7c5a6, #f5e6c2, #a8d3e1, #8bb9da);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a8a2, #f7c5a6, #f5e6c2, #a8d3e1, #8bb9da);
}
Paletas de colores similares
Desplázate hacia abajo para explorar 50+ paletas de colores Claro
Serenity of Yamato color palette created on .