Serenity of Yamato Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Serenity of Yamato palette

Condividi questa palette a:

Scarica la tavolozza dei colori Serenity of Yamato (PNG)

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

tavolozza dei colori Serenity of Yamato CSS

/* 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 con gradiente di sfondo 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 .