Seven Seas
#4a5c6a
Muted deeper blue-gray for grounded section breaks
About Seven Seas
Seven Seas sits between slate and classic blue, like a mid-depth coat of paint on a ferry terminal wall: not as muted as Night Market, not as crisp and steady as Stellar, and definitely less compressed than Dark Secret. It reads slightly lighter and more balanced, with a cool, calm undertone that feels more composed than brooding.
I reach for it in dashboards and finance apps when I need secondary UI that still looks "finished" without stealing the spotlight. Think card bodies, chart backplates, and quiet form surfaces in healthcare workflows, where you want structure that feels dependable, not evening-teal. Compared with Night Market, it doesn't drift toward that softer teal current; compared with Stellar, it avoids the extra daylight cleanliness; and compared with Dark Secret, it doesn't go heavy.
Pair it with warm off-whites and medium cool grays. If you mix it with very cool whites, it can start to feel a touch formal, so I usually add a warmer neutral somewhere in the layout to keep it human.
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.
