Windfall
#84a7ce
Brisk sky-leaning blue for subtle, airy UI
About Windfall
On a product mock I dropped this Windfall blue into a settings panel header, and it didn't grab attention the way High Seas does. It looks like a light, airy sky tone, but it's still disciplined, with less bite and a gentler saturation than the bluer neighbors.
Compared to High Tide, Windfall feels more present and less gray, yet it stays clearly calmer than Shipmate's softer, steadier medium light. It leans a touch cooler, but not in that withdrawn way. I use it as the one for subtle primary accents where the UI needs to feel clean and breathable, like EHR and health records for secondary buttons, light data tags, and hover states in fintech admin screens.
If your layout is very white-heavy, just watch against flooding: too much Windfall next to the same blue used for fills can flatten hierarchy. Pair it with darker text and neutral dividers so it reads purposeful, not pastel.
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.