Beyond the Sea
#005784
Deeper than Blue-Collar, calmer than Blue Velvet
About Beyond the Sea
Beyond the Sea hits different than its neighbors because it's genuinely dark without feeling heavy or underwater. Where Blue Velvet sits in that apologetic middle ground and Blue Chip leans authoritative, this one is direct and cool without being austere. It reads as a full primary blue, the kind that actually looks like a decision, but stays clean and legible on light backgrounds without the clinical bite you'll get from the cooler options.
Reach for it in product dashboards, financial platforms, and healthcare UIs where you need something that commands hierarchy but doesn't feel cold or distant. It works as persistent navigation, button states, data highlights, anything that needs presence without attitude. Pairs well with white type and sits comfortably next to mid-tone neutrals without the tension that pure cool blues create.
The real difference: it's warmer and less austere than Blue Chip, but saturated enough that it doesn't disappear the way Blue Velvet can. Test it early on your actual backgrounds, the perception shifts depending on what surrounds it, but this one typically works harder than the lighter options without demanding perfect conditions.
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.