Red Sangria Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Red Sangria palette
Color Inspiration
Images that showcase this color palette in real designs
Download Red Sangria Color Palette (PNG)
Red Sangria color palette CSS
/* CSS */
.color-1 {
color: #a74b2a;
}
.color-2 {
color: #d76d3c;
}
.color-3 {
color: #f2a269;
}
.color-4 {
color: #f4c59a;
}
.color-5 {
color: #ead2d2;
}
/* CSS Variables */
:root {
--color-1: #a74b2a;
--color-2: #d76d3c;
--color-3: #f2a269;
--color-4: #f4c59a;
--color-5: #ead2d2;
} Red Sangria background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a74b2a, #d76d3c, #f2a269, #f4c59a, #ead2d2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a74b2a, #d76d3c, #f2a269, #f4c59a, #ead2d2);
} Similar color palettes
Red Sangria color palette created on .