/* CSS */
.color-1 {
color: #863C3C;
}
.color-2 {
color: #C55959;
}
.color-3 {
color: #E6A2A2;
}
.color-4 {
color: #F5D6D6;
}
.color-5 {
color: #F9E1E1;
}
/* CSS Variables */
:root {
--color-1: #863C3C;
--color-2: #C55959;
--color-3: #E6A2A2;
--color-4: #F5D6D6;
--color-5: #F9E1E1;
}
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #863C3C, #C55959, #E6A2A2, #F5D6D6, #F9E1E1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #863C3C, #C55959, #E6A2A2, #F5D6D6, #F9E1E1);
}
Lotus Blossom Serenity color palette created on .