Serene Lagoon Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Serene Lagoon palette
Ispirazione Colori
Immagini che mostrano questa palette di colori in design reali
Scarica la tavolozza dei colori Serene Lagoon (PNG)
tavolozza dei colori Serene Lagoon CSS
/* CSS */
.color-1 {
color: #ecf7f9;
}
.color-2 {
color: #e2f8f8;
}
.color-3 {
color: #d6f0f0;
}
.color-4 {
color: #c8eae9;
}
.color-5 {
color: #bfe3e3;
}
/* CSS Variables */
:root {
--color-1: #ecf7f9;
--color-2: #e2f8f8;
--color-3: #d6f0f0;
--color-4: #c8eae9;
--color-5: #bfe3e3;
}
CSS con gradiente di sfondo Serene Lagoon
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ecf7f9, #e2f8f8, #d6f0f0, #c8eae9, #bfe3e3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ecf7f9, #e2f8f8, #d6f0f0, #c8eae9, #bfe3e3);
}
Tavolozze di colori simili
Scorri verso il basso per esplorare 100+ tavolozzas di colori Acqua
Serene Lagoon color palette created on .