/* CSS */
.color-1 {
color: #F3C0A5;
}
.color-2 {
color: #EEDB87;
}
.color-3 {
color: #F1C1D2;
}
.color-4 {
color: #A1D1E3;
}
.color-5 {
color: #80B3D6;
}
/* CSS Variables */
:root {
--color-1: #F3C0A5;
--color-2: #EEDB87;
--color-3: #F1C1D2;
--color-4: #A1D1E3;
--color-5: #80B3D6;
}
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #F3C0A5, #EEDB87, #F1C1D2, #A1D1E3, #80B3D6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #F3C0A5, #EEDB87, #F1C1D2, #A1D1E3, #80B3D6);
}
Celestial Gem Harmony color palette created on .