Bay View
#6a819e
Cooler, slightly grayed bay blue for calm panels
About Bay View
Bay View is the shade that sits lower and cooler than Celestial Horizon, but it doesn't have that clinical edge that Canadian Tuxedo brings. It's grounded without feeling heavy, the kind of blue that reads substantial on a page without demanding anything from you. There's restraint here, but not distance.
You'll land this in healthcare dashboards, product interfaces, and dense data layouts where you need a color that feels both serious and approachable. It works as a primary accent, navigation element, or card background, anywhere you need something that holds weight without the coldness of cooler teals. Against white it sits calm and present. Against darker grays it stays legible and settled.
The trade: it's darker than Cavolo Nero's depth but warmer, so it won't anchor quite as hard on very light backgrounds. Test it early if you're building something that needs to feel trustworthy but not austere. It's the one I reach for when the lighter blues feel too airy and the darker ones feel too final.
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.