Lucky Point Dream Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Lucky Point Dream palette
Lucky Point Dream color palette PNG image
Lucky Point Dream color palette CSS
/* CSS */
.color-1 {
color: #191967;
}
.color-2 {
color: #3b3b8c;
}
.color-3 {
color: #5b5b9f;
}
.color-4 {
color: #8a8ab2;
}
.color-5 {
color: #afafd0;
}
/* CSS Variables */
:root {
--color-1: #191967;
--color-2: #3b3b8c;
--color-3: #5b5b9f;
--color-4: #8a8ab2;
--color-5: #afafd0;
} Lucky Point Dream background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #191967, #3b3b8c, #5b5b9f, #8a8ab2, #afafd0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #191967, #3b3b8c, #5b5b9f, #8a8ab2, #afafd0);
} Similar color palettes
Lucky Point Dream color palette created on .