Lush
#c5bda0
Light, cool olive-green for airy UI backgrounds
About Lush
Lush is the green-neutral I notice when a layout needs to feel alive, but not grassy. Compared with Beach Dune and Chopped Almonds, it stays cleaner and more green-leaning, not sand-leaning or brown-leaning. It's lighter than those heavier warm neutrals, and the undertone reads more leaf-soft than earth-dust.
For real work, it shows up nicely in dashboards for health, food, and sustainability brands where you want calm surfaces behind data cards and charts. I also reach for it for UI panels, settings screens, and CMS editorial backgrounds when the brand direction can't go too yellow like Ancestral Gold, but still needs warmth. The mood is "fresh quiet," not beige office neutral.
Pair it with deep forest accents, slate grays, or near-white typography so it doesn't look washed next to stronger greens. If your imagery trends cool, expect Lush to hold steady better than the sandier options, but still sanity-check against your dominant tones.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.