Molly Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Molly palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Molly (PNG)

Download molly color palette PNG image (landscape)
Download molly color palette PNG image (square)

tavolozza dei colori Molly CSS

/* CSS */
.color-1 {
color: #f6a7c1;
}
.color-2 {
color: #f1c1c1;
}
.color-3 {
color: #f2dfc0;
}
.color-4 {
color: #a8e6cf;
}
.color-5 {
color: #a1d9e8;
}

/* CSS Variables */
:root {
--color-1: #f6a7c1;
 --color-2: #f1c1c1;
 --color-3: #f2dfc0;
 --color-4: #a8e6cf;
 --color-5: #a1d9e8;
 }

CSS con gradiente di sfondo Molly

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6a7c1, #f1c1c1, #f2dfc0, #a8e6cf, #a1d9e8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6a7c1, #f1c1c1, #f2dfc0, #a8e6cf, #a1d9e8);
}

Tavolozze di colori simili

Molly color palette created on .