Serenity of Yamato Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Serenity of Yamato palette
Ispirazione Colori
Immagini che mostrano questa palette di colori in design reali
Scarica la tavolozza dei colori Serenity of Yamato (PNG)
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);
}
Tavolozze di colori simili
Scorri verso il basso per esplorare 50+ tavolozzas di colori Chiaro
Serenity of Yamato color palette created on .