Enchanting Ivy
#315955
Soft ivy teal for calm, readable panels
About Enchanting Ivy
Enchanting Ivy sits in that narrow band where blue and green stop negotiating and just coexist. It's darker than Beau Vert but doesn't have that teal swagger, instead it's the kind of muted, contemplative blue-green that actually works harder the less you ask of it. Put it next to Cape Verde and you see the difference immediately: Cape Verde refuses to apologize, Enchanting Ivy doesn't need to.
This is the color for healthcare dashboards, fintech platforms, and product interfaces where you want authority without coldness. It pairs reliably with white type and doesn't flatten on either warm or cool displays the way its more saturated neighbors can. Use it as a primary action state, a navigation anchor, or a data container that needs to feel trustworthy without drawing attention to itself.
The real shift from Deep Sea Diver and Beau Vert: Enchanting Ivy is less saturated and slightly warmer, which means it won't read as insistent. It actually improves in context, pair it with a lighter supporting color and watch it stabilize. Test it early, but don't overthink it. It's stable enough to use alone, but it's built for quiet company.
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.