Luxury Earthy Blue Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Luxury Earthy Blue palette
Luxury Earthy Blue color palette PNG image
Luxury Earthy Blue color palette CSS
/* CSS */
.color-1 {
color: #4b91e2;
}
.color-2 {
color: #80b3d6;
}
.color-3 {
color: #a3d5e0;
}
.color-4 {
color: #d6e6e1;
}
.color-5 {
color: #f1e6d0;
}
/* CSS Variables */
:root {
--color-1: #4b91e2;
--color-2: #80b3d6;
--color-3: #a3d5e0;
--color-4: #d6e6e1;
--color-5: #f1e6d0;
} Luxury Earthy Blue background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b91e2, #80b3d6, #a3d5e0, #d6e6e1, #f1e6d0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b91e2, #80b3d6, #a3d5e0, #d6e6e1, #f1e6d0);
} Similar color palettes
Scroll down to explore 70+ Blue color palettes
Luxury Earthy Blue color palette created on .