Whale Shark
#607c8e
Medium blue-gray with calm, oceanic balance
About Whale Shark
I keep thinking of the contrast on the skin of a whale shark: a blue that's cooler in temperature, but not as heavy or slatey as night blues. Whale Shark reads mid-light and fairly muted, so it shows up with presence without pushing saturation. Compared to Citadel, it tilts more clearly cool and holds a calmer, foggier softness. Compared to Night Owl, it's lighter and less weighty, so it doesn't feel anchored to near-black.
In interfaces, this is the one you reach for when you want a primary blue that feels friendly but still "reads" at a glance. I've used it for dashboards and finance apps where section headers, status badges, and link states need to stay legible on light UI without looking sterile. It also works nicely in media player controls, telecom billing screens, and healthcare dashboards when you need a clean band color that won't outshine the data.
One quirk: it sits softer than Beach View, so pair it with slightly stronger contrast for text, otherwise it can blend into pale grays more than you'd expect.
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.