Desaturated Blue with Warm Contrast Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Desaturated Blue with Warm Contrast palette
Download Desaturated Blue with Warm Contrast Color Palette (PNG)
Desaturated Blue with Warm Contrast color palette CSS
/* CSS */
.color-1 {
color: #a8b3c2;
}
.color-2 {
color: #bac7d8;
}
.color-3 {
color: #d4e5e8;
}
.color-4 {
color: #e7d4c5;
}
.color-5 {
color: #c8583c;
}
/* CSS Variables */
:root {
--color-1: #a8b3c2;
--color-2: #bac7d8;
--color-3: #d4e5e8;
--color-4: #e7d4c5;
--color-5: #c8583c;
} Desaturated Blue with Warm Contrast background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8b3c2, #bac7d8, #d4e5e8, #e7d4c5, #c8583c);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8b3c2, #bac7d8, #d4e5e8, #e7d4c5, #c8583c);
} Similar color palettes
Scroll down to explore 2 Cool Winter color palettes
Desaturated Blue with Warm Contrast color palette created on .