Twilight Whispers Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Twilight Whispers palette
Twilight Whispers color palette CSS
/* CSS */
.color-1 {
color: #3b1551;
}
.color-2 {
color: #442465;
}
.color-3 {
color: #623277;
}
.color-4 {
color: #b13e5f;
}
.color-5 {
color: #ba3f36;
}
/* CSS Variables */
:root {
--color-1: #3b1551;
--color-2: #442465;
--color-3: #623277;
--color-4: #b13e5f;
--color-5: #ba3f36;
} Twilight Whispers background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b1551, #442465, #623277, #b13e5f, #ba3f36);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b1551, #442465, #623277, #b13e5f, #ba3f36);
} Similar color palettes
Twilight Whispers color palette created on .