Sleepless Nights Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Sleepless Nights palette
Color Inspiration
Images that showcase this color palette in real designs
Download Sleepless Nights Color Palette (PNG)
Sleepless Nights color palette CSS
/* CSS */
.color-1 {
color: #1f1b2d;
}
.color-2 {
color: #4a3f5a;
}
.color-3 {
color: #6e5b8b;
}
.color-4 {
color: #a86b99;
}
.color-5 {
color: #f3b9c3;
}
/* CSS Variables */
:root {
--color-1: #1f1b2d;
--color-2: #4a3f5a;
--color-3: #6e5b8b;
--color-4: #a86b99;
--color-5: #f3b9c3;
}
Sleepless Nights background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b2d, #4a3f5a, #6e5b8b, #a86b99, #f3b9c3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b2d, #4a3f5a, #6e5b8b, #a86b99, #f3b9c3);
}
Similar color palettes
Scroll down to explore 1000+ colors.nights color palettes
Sleepless Nights color palette created on .