/* CSS */
.color-1 {
color: #B7D7B7;
}
.color-2 {
color: #A2C3A2;
}
.color-3 {
color: #8DB98D;
}
.color-4 {
color: #6EAA6E;
}
.color-5 {
color: #4C9A4C;
}
/* CSS Variables */
:root {
--color-1: #B7D7B7;
--color-2: #A2C3A2;
--color-3: #8DB98D;
--color-4: #6EAA6E;
--color-5: #4C9A4C;
}
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #B7D7B7, #A2C3A2, #8DB98D, #6EAA6E, #4C9A4C);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #B7D7B7, #A2C3A2, #8DB98D, #6EAA6E, #4C9A4C);
}
Sage Serenity color palette created on .