High Tide
#85a6c8
Soft midtone sea blue for calmer accents
About High Tide
High Tide sits lower and grayer than High Seas, it's got less presence, less snap, more restraint. Where High Seas announces itself on white, High Tide settles in. Less saturated and noticeably cooler, it trades brightness for a kind of steady calm that doesn't need the room to notice it showed up.
This is the one for interfaces where blue needs to work without performing. Medical dashboards, productivity tools, admin panels where you're showing data, not selling excitement. Secondary buttons. Disabled states. Backgrounds that need to feel grounded instead of polished. It's warmer than Blank Stare's tired neutral, but doesn't have Acapulco Dive's presence, it's the middle ground that actually feels purposeful, not compromised.
Pair it with dark text and it stays readable without strain. Pair it with lighter grays and it holds its own without vanishing. On cooler monitors it lands exactly where you expect. On warmer screens it won't drift toward cyan the way brighter blues sometimes do, it just gets a touch more muted, which usually works in your favor.
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.