Seafarer
#204d68
Clean deep teal blue for legible ocean UI
About Seafarer
Seafarer looks like lake water at dusk when there's just enough daylight left to keep it from going steel. It's distinctly deeper than Outer Space, but cleaner and less "lived-in" than Bluedgeons. And compared to Shadow of Night, it feels a touch more saturated and less matte, so the blue presence comes through without turning icy.
I reach for Seafarer in interfaces where you want a calm, confident base that doesn't feel muted. It holds its own in dashboards and finance apps, especially for section headers, toolbars, and chart panels where grid lines and data density need a steady backdrop. It also works in logistics portals, broadcast control-room UIs, and healthcare admin screens for navigation bars and secondary card surfaces, where the color should read composed not heavy.
One quirk: on very cool gray systems, Seafarer can look slightly more "wet" than you expect. In that case, keep adjacent neutrals a bit warmer so the blue stays the star, not the noise.
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.