Olive Grove Harmony Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Olive Grove Harmony palette
Olive Grove Harmony color palette PNG image
Olive Grove Harmony color palette CSS
/* CSS */
.color-1 {
color: #3b3f31;
}
.color-2 {
color: #7a7d4f;
}
.color-3 {
color: #9dbb77;
}
.color-4 {
color: #bbd08b;
}
.color-5 {
color: #e5e9b9;
}
/* CSS Variables */
:root {
--color-1: #3b3f31;
--color-2: #7a7d4f;
--color-3: #9dbb77;
--color-4: #bbd08b;
--color-5: #e5e9b9;
} Olive Grove Harmony background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b3f31, #7a7d4f, #9dbb77, #bbd08b, #e5e9b9);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b3f31, #7a7d4f, #9dbb77, #bbd08b, #e5e9b9);
} Similar color palettes
Olive Grove Harmony color palette created on .