Sea Paint
#00507a
Sea-wet mid blue for calmer, less ink depth
About Sea Paint
On my screen, Sea Paint feels like a calm signboard blue, not a deep navy and not an airy sky tone. It's noticeably lighter than Grand Bleu and less dark than Beyond the Sea, so it reads present without sinking into the UI. The undertone is more teal-leaning, which makes it feel cooler than its neighbors instead of heavy or mineral.
I reach for it in dashboards and finance apps where you want hierarchy that stays friendly. Think banking product pages, logistics control panels, and healthcare portals for primary tabs, key numbers, and link states on light surfaces. Compared with Dark Denim, it doesn't "disappear into the interface." Sea Paint stays legible and forward, with a steadier, less stern presence.
Quirk: because it's a touch lighter and greener, it can look a bit flat next to very saturated blues. Pair it with crisp whites or warm neutrals so the contrast feels intentional, not washed.
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.
