Teal and Rust Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Teal and Rust palette
Download Teal and Rust Color Palette (PNG)
Teal and Rust color palette CSS
/* CSS */
.color-1 {
color: #1c4f54;
}
.color-2 {
color: #4a7d7c;
}
.color-3 {
color: #6a2022;
}
.color-4 {
color: #a55b4a;
}
.color-5 {
color: #d0c8b3;
}
/* CSS Variables */
:root {
--color-1: #1c4f54;
--color-2: #4a7d7c;
--color-3: #6a2022;
--color-4: #a55b4a;
--color-5: #d0c8b3;
} Teal and Rust background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c4f54, #4a7d7c, #6a2022, #a55b4a, #d0c8b3);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c4f54, #4a7d7c, #6a2022, #a55b4a, #d0c8b3);
} Similar color palettes
Teal and Rust color palette created on .