Olive Green and Rich Red Harmony Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Olive Green and Rich Red Harmony palette
Olive Green and Rich Red Harmony color palette CSS
/* CSS */
.color-1 {
color: #5b8c3b;
}
.color-2 {
color: #c9492c;
}
.color-3 {
color: #f6b83c;
}
.color-4 {
color: #a2d8a4;
}
.color-5 {
color: #4d5b9d;
}
/* CSS Variables */
:root {
--color-1: #5b8c3b;
--color-2: #c9492c;
--color-3: #f6b83c;
--color-4: #a2d8a4;
--color-5: #4d5b9d;
} Olive Green and Rich Red Harmony background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b8c3b, #c9492c, #f6b83c, #a2d8a4, #4d5b9d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b8c3b, #c9492c, #f6b83c, #a2d8a4, #4d5b9d);
} Similar color palettes
Olive Green and Rich Red Harmony color palette created on .