Lime Green and Purple Harmony Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Lime Green and Purple Harmony palette
Lime Green and Purple Harmony color palette CSS
/* CSS */
.color-1 {
color: #a5d86e;
}
.color-2 {
color: #6e4c9a;
}
.color-3 {
color: #4c9c3a;
}
.color-4 {
color: #b59edb;
}
.color-5 {
color: #9ce7a4;
}
/* CSS Variables */
:root {
--color-1: #a5d86e;
--color-2: #6e4c9a;
--color-3: #4c9c3a;
--color-4: #b59edb;
--color-5: #9ce7a4;
} Lime Green and Purple Harmony background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a5d86e, #6e4c9a, #4c9c3a, #b59edb, #9ce7a4);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a5d86e, #6e4c9a, #4c9c3a, #b59edb, #9ce7a4);
} Similar color palettes
Lime Green and Purple Harmony color palette created on .