June Ivy
#416858
Smoky sage blue-green for softened, balanced panels
About June Ivy
June Ivy looks like a deep seaweed tint pulled slightly toward the blue side, with a steadier, less mossy attitude than the nearby teals. Compared with Nordic Forest, it's not as dark or canopy-heavy, so your layouts feel cleaner, not buried. Compared with Iridescent, it doesn't shimmer or flash, it reads matte and controlled. And next to Majorelle Gardens, it has a sharper coolness and a touch less "garden softness," so selection states feel more exact than mellow.
I use June Ivy when I want the one you reach for for links, focus rings, and status accents that should feel composed, not playful. It works well in dashboards and finance apps where you need clearer hierarchy than Majorelle's mid-depth calm. In healthcare and logistics interfaces, it gives navigation and table highlights a cool backbone without drifting warm like the greener-leaning blues might.
Pair it with crisp off-whites and muted slate grays. If you put it beside very minty teals, the extra blue bias makes them look separated instead of harmonious.
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.