Teal Mint Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Teal Mint palette
Teal Mint color palette CSS
/* CSS */
.color-1 {
color: #89ebd4;
}
.color-2 {
color: #62dfc4;
}
.color-3 {
color: #856447;
}
.color-4 {
color: #674c32;
}
.color-5 {
color: #53361d;
}
/* CSS Variables */
:root {
--color-1: #89ebd4;
--color-2: #62dfc4;
--color-3: #856447;
--color-4: #674c32;
--color-5: #53361d;
} Teal Mint background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #89ebd4, #62dfc4, #856447, #674c32, #53361d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #89ebd4, #62dfc4, #856447, #674c32, #53361d);
} Similar color palettes
Teal Mint color palette created on .