Crystal Lake
#88b5c4
Airy, bright cyan-blue for lighter UI surfaces
About Crystal Lake
Crystal Lake splits the difference in a way that actually works. It's got enough warmth buried in it that it doesn't read as pure clinical blue, but it's still decisively blue, not hedging toward teal like Aquatic does. The saturation sits right where it feels present without demanding attention, which means it lands somewhere between Blue Eye Samurai's airiness and Cuttlefish's deliberate weight.
Use it on secondary surfaces in dashboards, health apps, and fintech platforms where you need color that feels grounded but not heavy. Form fields, card backgrounds, button states, data visualization accents. It pairs well with mid-tone grays and actually holds steady across different monitor temperatures better than its lighter neighbors. The warmth underneath keeps it from feeling sterile, which matters when you're building interfaces that need to feel approachable.
The thing: it's not trying to be as minimal as Blue Eye Samurai or as structured as Cuttlefish. It's the one you reach for when you want blue that actually feels like it belongs in the interface, not borrowed from somewhere else.
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.