Fontaine Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Fontaine palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Fontaine (PNG)

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

tavolozza dei colori Fontaine CSS

/* CSS */
.color-1 {
color: #0071b3;
}
.color-2 {
color: #0092c7;
}
.color-3 {
color: #00b7e0;
}
.color-4 {
color: #40d4b1;
}
.color-5 {
color: #a0e4c8;
}

/* CSS Variables */
:root {
--color-1: #0071b3;
 --color-2: #0092c7;
 --color-3: #00b7e0;
 --color-4: #40d4b1;
 --color-5: #a0e4c8;
 }

CSS con gradiente di sfondo Fontaine

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0071b3, #0092c7, #00b7e0, #40d4b1, #a0e4c8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0071b3, #0092c7, #00b7e0, #40d4b1, #a0e4c8);
}

Tavolozze di colori simili

Fontaine color palette created on .