Loading...

Muted Teal and Coral Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Muted Teal and Coral palette

Condividi questa palette a:

Scarica la tavolozza dei colori Muted Teal and Coral (PNG)

Download muted teal and coral color palette PNG image (landscape)
Download muted teal and coral color palette PNG image (square)

tavolozza dei colori Muted Teal and Coral CSS

/* CSS */
.color-1 {
color: #1e3a3e;
}
.color-2 {
color: #3a6e6c;
}
.color-3 {
color: #58b6a3;
}
.color-4 {
color: #f89c8b;
}
.color-5 {
color: #d64c4c;
}

/* CSS Variables */
:root {
--color-1: #1e3a3e;
 --color-2: #3a6e6c;
 --color-3: #58b6a3;
 --color-4: #f89c8b;
 --color-5: #d64c4c;
 }

CSS con gradiente di sfondo Muted Teal and Coral

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3a3e, #3a6e6c, #58b6a3, #f89c8b, #d64c4c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3a3e, #3a6e6c, #58b6a3, #f89c8b, #d64c4c);
}

Tavolozze di colori simili

Muted Teal and Coral color palette created on .