Far Horizons
#7fa2bf
Cooler, clearer blue for hero accents and charts
About Far Horizons
Far Horizons sits between restraint and actual presence. It's lighter than High Tide and noticeably warmer, less the steady workhorse, more the color that can hold a room without needing to fill it. Where Blank Stare and Grauzone retreat into near-neutrality, this one still reads as blue, just a blue that doesn't shout.
Reach for it in product dashboards, health platforms, and SaaS tools where you need something that feels deliberate instead of compromised. Primary backgrounds. Secondary buttons that still need to feel intentional. Data visualization where the blue itself should be calm but not invisible. It's got enough saturation that it won't disappear against white, but enough desaturated warmth that it won't feel clinical on cooler displays.
The actual difference from High Tide: this one leans slightly warmer and brighter, which means it can do the background work without that settled, almost resigned feeling. It's the blue you pick when restraint isn't the goal, readability and quiet confidence are.
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.