Lacrosse
#2e5c58
Deeper, muted blue-teal for grounded UI sections
About Lacrosse
I keep Lacrosse pulled up on my screen when I want a blue that feels present but not pushy. It lands between sea-teal and true blue, yet the undertone reads steadier and bluer than Iridescent's shimmer and less green-leaning than Enchanting Ivy's muted coolness.
Compared to Beau Vert, this one has a calmer saturation and a slightly more grounded, medium-dark lightness. That makes it a great fit for dashboards and clinical product UI where you need headers, panels, and primary controls to look confident without sliding into the richer, warmer punch Beau Vert brings. I also reach for it in healthcare portals and fintech workflows for table headers, status bands, and chart baselines when you want the one you reach for color that still pairs cleanly with crisp whites.
Small note: it can read a touch cooler on colder monitors, so do a quick check next to your neutrals before you lock the design system.
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.