Martian Cerulean
#57958b
Dusty, sky-cool blue-teal for grounded UI sections
About Martian Cerulean
Martian Cerulean reads like a controlled sky-blue in late afternoon light, where the blue is present but it never turns icy. It's more cyan-leaning than Highlands and less sea-glass calm than Lagoon, with a slightly higher saturation that makes it feel more "on" than Emerald Oasis without crossing into punchy territory.
In UI, I reach for it for primary-but-not-overbearing elements: key action highlights, focused states on buttons, and selection rings in SaaS dashboards and data-heavy health platforms. It also works well for chart series and map routes in fintech and logistics screens where you want direction and legibility on dense backgrounds, but you don't want the teal energy of Lagoon to dominate.
One note: on warmer displays it can drift a touch toward cleaner, brighter cyan, so pair it with deep charcoals or cool slate type to keep the undertone anchored.
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.