Cry Me a River
#427898
Deeper, slightly muted river blue for contrast
About Cry Me a River
Cry Me a River reads darker and cooler than Beach View or Calypso, but it's not trying to be navy or some austere tech blue either. There's actual saturation here, it lands on screen. Cooler undertones without the gray softening means it feels sharper and more resolved than its lighter neighbors, the kind of color that works when you need weight without coldness.
Reach for it in fintech dashboards, healthcare interfaces, and product apps where a secondary action or persistent element needs to hold its own without screaming. Navigation states, chart accents, button fills, anything that should read solid but doesn't need to command the entire hierarchy. It stays legible against both light and mid-tone backgrounds, pairs cleanly with white type, and sits next to Crashing Waves as the slightly more approachable sibling. Still authoritative, just less austere.
The thing: it's deeper than Calypso, so it'll anchor harder on cleaner layouts. On dense or busy screens it can compete instead of support. Use it where there's breathing room, or you'll fight for attention.
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.