Mistletoe
#8aa282
Lighter, cooler sage green for airy UI panels
About Mistletoe
Mistletoe sits in that soft green lane where nothing looks overheated or dusty. On a white surface it reads more balanced than Basil, with less of that gray-damped hush, and it doesn't turn as quietly tinted as Basswood Green. It also feels less "lingering light shade" than Envy, staying steadier and more even instead of drifting toward a slightly tired look.
I use it when I need a green that still feels friendly but not casual, especially in health dashboards and wellness app UI where status chips, labels, and chart highlights need to land clearly. It's also great for product screens that live in mixed materials, because it holds up near neutral panels without flattening. This is the one you reach for when you want a calm green that reads intentional at a glance, not an off-green background.
Pair it with warm off-whites or light wood, and it stays fresh. Push it next to cool steel grays and it can feel a touch quieter than you meant.
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.