Muted Teal and Coral Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Muted Teal and Coral palette

Share this palette to:

Download Muted Teal and Coral Color Palette (PNG)

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

Muted Teal and Coral color palette 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;
}

Muted Teal and Coral background gradient CSS

/* 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);
}

Muted Teal and Coral color palette created on .