Soft Blue Crimson Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Soft Blue Crimson palette
Soft Blue Crimson color palette PNG image
Soft Blue Crimson color palette CSS
/* CSS */
.color-1 {
color: #a3d3ff;
}
.color-2 {
color: #668fff;
}
.color-3 {
color: #ff5289;
}
.color-4 {
color: #ffe6cc;
}
.color-5 {
color: #ff1e05;
}
/* CSS Variables */
:root {
--color-1: #a3d3ff;
--color-2: #668fff;
--color-3: #ff5289;
--color-4: #ffe6cc;
--color-5: #ff1e05;
} Soft Blue Crimson background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d3ff, #668fff, #ff5289, #ffe6cc, #ff1e05);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d3ff, #668fff, #ff5289, #ffe6cc, #ff1e05);
} Similar color palettes
Soft Blue Crimson color palette created on .