Beyond the Sea

#005784

Deeper than Blue-Collar, calmer than Blue Velvet

Save
Share

About Beyond the Sea

Beyond the hits different than its neighbors because it's genuinely dark without feeling heavy or underwater. Where sits in that apologetic middle ground and 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 , but saturated enough that it doesn't disappear the way 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
7.79:1AAA

On Gray 100 #f5f5f5

Aa
7.14:1AAA

On Gray 900 #18181b

Aa
2.27:1Fail

On Black #000000

Aa
2.70:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Beyond the Sea

Open the generator with this color pre-loaded.

Start creating