/* CSS */
.color-1 {
color: #58AD5C;
}
.color-2 {
color: #7BC959;
}
.color-3 {
color: #C3E821;
}
.color-4 {
color: #E4EC41;
}
.color-5 {
color: #F3DB39;
}
/* CSS Variables */
:root {
--color-1: #58AD5C;
--color-2: #7BC959;
--color-3: #C3E821;
--color-4: #E4EC41;
--color-5: #F3DB39;
}
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #58AD5C, #7BC959, #C3E821, #E4EC41, #F3DB39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #58AD5C, #7BC959, #C3E821, #E4EC41, #F3DB39);
}
Citrus Grove Harmony color palette created on .