Muted Teal and Purple Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Muted Teal and Purple palette

Condividi questa palette a:

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

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

tavolozza dei colori Muted Teal and Purple CSS

/* CSS */
.color-1 {
color: #1c3f3a;
}
.color-2 {
color: #4b6d7c;
}
.color-3 {
color: #6f5f8c;
}
.color-4 {
color: #a07999;
}
.color-5 {
color: #d5c3d0;
}

/* CSS Variables */
:root {
--color-1: #1c3f3a;
 --color-2: #4b6d7c;
 --color-3: #6f5f8c;
 --color-4: #a07999;
 --color-5: #d5c3d0;
 }

CSS con gradiente di sfondo Muted Teal and Purple

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c3f3a, #4b6d7c, #6f5f8c, #a07999, #d5c3d0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c3f3a, #4b6d7c, #6f5f8c, #a07999, #d5c3d0);
}

Tavolozze di colori simili

Muted Teal and Purple color palette created on .