Mosque
#005f5b
Deep blue-teal for decisive, higher-contrast UI accents
About Mosque
Mosque reads like a deep, serviceable teal you'd pick without thinking, like ink after it settles into paper fibers. It's not the greener, richer push of Beau Vert, and it's not the medium, calmer in-between that Lacrosse gives you. Compared to Enchanting Ivy, Mosque stays cooler and tighter, with less of that muted, contemplative softness.
Use it when you need blue family confidence in places that can't look "almost right." It's a strong fit for dashboards and finance apps where headers, section bars, and card outlines need to feel solid, not subdued. I also like it for healthcare UI panels and workflow states when you want the primary emphasis to be steady, especially over clean neutrals.
One quirk: it can look slightly more saturated next to warm grays, so if your UI uses lots of beige or sand tones, test the balance early. Pairing it with crisp whites keeps it from turning flat.
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.