Paleta de colores Serenity of Yamato

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Serenity of Yamato palette

Compartir esta paleta en:

Descargar la paleta de colores Serenity of Yamato (PNG)

Download serenity of yamato color palette PNG image (landscape)
Download serenity of yamato color palette PNG image (square)

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);
}

Serenity of Yamato color palette created on .