Spirits of the Twilight Realm Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Spirits of the Twilight Realm palette
Spirits of the Twilight Realm color palette CSS
/* CSS */
.color-1 {
color: #edc3b5;
}
.color-2 {
color: #c7a3d2;
}
.color-3 {
color: #8c6dd9;
}
.color-4 {
color: #5e4b8b;
}
.color-5 {
color: #4c2e70;
}
/* CSS Variables */
:root {
--color-1: #edc3b5;
--color-2: #c7a3d2;
--color-3: #8c6dd9;
--color-4: #5e4b8b;
--color-5: #4c2e70;
} Spirits of the Twilight Realm background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #edc3b5, #c7a3d2, #8c6dd9, #5e4b8b, #4c2e70);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #edc3b5, #c7a3d2, #8c6dd9, #5e4b8b, #4c2e70);
} Similar color palettes
Spirits of the Twilight Realm color palette created on .