/* CSS */
.color-1 {
color: #89E6D8;
}
.color-2 {
color: #59D4C0;
}
.color-3 {
color: #3BB0A0;
}
.color-4 {
color: #298E8B;
}
.color-5 {
color: #1F6C70;
}
/* CSS Variables */
:root {
--color-1: #89E6D8;
--color-2: #59D4C0;
--color-3: #3BB0A0;
--color-4: #298E8B;
--color-5: #1F6C70;
}/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #89E6D8, #59D4C0, #3BB0A0, #298E8B, #1F6C70);
}/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #89E6D8, #59D4C0, #3BB0A0, #298E8B, #1F6C70);
}Teal Riptide color palette created on .