Muted Red, White, and Blue Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Muted Red, White, and Blue palette
Muted Red, White, and Blue color palette CSS
/* CSS */
.color-1 {
color: #b34d4d;
}
.color-2 {
color: #d9d9d9;
}
.color-3 {
color: #4f8c8c;
}
.color-4 {
color: #5b7c95;
}
.color-5 {
color: #7d9bbf;
}
/* CSS Variables */
:root {
--color-1: #b34d4d;
--color-2: #d9d9d9;
--color-3: #4f8c8c;
--color-4: #5b7c95;
--color-5: #7d9bbf;
}
Muted Red, White, and Blue background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b34d4d, #d9d9d9, #4f8c8c, #5b7c95, #7d9bbf);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b34d4d, #d9d9d9, #4f8c8c, #5b7c95, #7d9bbf);
}
Similar color palettes
No palettes found
Try using different filters or clear your current selection to see more palettes.
Muted Red, White, and Blue color palette created on .