Aloe Tip
#8a9480
Duller, balanced green with airy olive tip
About Aloe Tip
Aloe Tip sits somewhere between dusty and alive. It's got enough green showing through to feel botanical, but the gray's doing real work, keeping it from ever reading as fresh or saturated. Where Backyard leans warmer and Artichoke disappears into beige-land, this one holds its own without trying. It's the shade that looks better at actual scale than in a swatch, the kind of green that lands steadier on screen than you'd expect.
Use it on product interfaces, content platforms, and internal tools where you want green that feels natural but doesn't scream for attention. It pairs cleanly with warm neutrals and stone without requiring perfect lighting conditions to work. Cooler and grayer than Basil, but with enough saturation that it won't flatten next to cool grays the way Basil does. Type reads cleanly over it, logos don't disappear, and it settles into long layouts without fatiguing.
Test it against both your warm and cool grays before committing. It's got more restraint than its neighbors, not fighting for presence, not trying to vanish. The real strength here is that it actually stays put.
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.