Lights Morning Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Lights Morning palette
Color Inspiration
Images that showcase this color palette in real designs
Download Lights Morning Color Palette (PNG)
Lights Morning color palette CSS
/* CSS */
.color-1 {
color: #f6e1a7;
}
.color-2 {
color: #f4cb9f;
}
.color-3 {
color: #f2a68c;
}
.color-4 {
color: #d18c7b;
}
.color-5 {
color: #a8718e;
}
/* CSS Variables */
:root {
--color-1: #f6e1a7;
--color-2: #f4cb9f;
--color-3: #f2a68c;
--color-4: #d18c7b;
--color-5: #a8718e;
}
Lights Morning background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e1a7, #f4cb9f, #f2a68c, #d18c7b, #a8718e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e1a7, #f4cb9f, #f2a68c, #d18c7b, #a8718e);
}
Similar color palettes
Scroll down to explore 100+ Light color palettes
Lights Morning color palette created on .