Ivy Topiary
#67614f
Olive-tinged gray with grounded, cooler balance
About Ivy Topiary
On my screen, Ivy Topiary looks like trimmed foliage left in shade. It's a gray that has a green cast and a slightly softer, dusty depth, not the earth-warm brown you get in Catch of the Day, and not the heavier stone feeling of Granite.
I reach for it when I want a neutral backdrop with a "living" undertone. It shows up well in consumer health dashboards, HR and recruiting interfaces, and product settings pages where you're mixing data with calmer editorial sections. It also holds its own behind photography for wellness, food, or outdoorsy brands, where pure gray can feel sterile. Compared to Archaeology, it doesn't read like worn history. Compared to Catch of the Day, it's more distinctly cool-green and less surface-like. the one you reach for when you need restraint but don't want your UI to go flat.
Pair it with warm sand, muted terracotta, or slate blue, and keep the typography contrast crisp so the green undertone stays intentional, not muddy.
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.