Elegance in Blue Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Elegance in Blue palette
Elegance in Blue color palette CSS
/* CSS */
.color-1 {
color: #cadae3;
}
.color-2 {
color: #a2b8c3;
}
.color-3 {
color: #7b9da3;
}
.color-4 {
color: #4c7c8a;
}
.color-5 {
color: #2f5d6f;
}
/* CSS Variables */
:root {
--color-1: #cadae3;
--color-2: #a2b8c3;
--color-3: #7b9da3;
--color-4: #4c7c8a;
--color-5: #2f5d6f;
} Elegance in Blue background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #cadae3, #a2b8c3, #7b9da3, #4c7c8a, #2f5d6f);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #cadae3, #a2b8c3, #7b9da3, #4c7c8a, #2f5d6f);
} Similar color palettes
Elegance in Blue color palette created on .