Finnish Fiord
#5db0be
Lighter, balanced teal-blue for airy UI panels
About Finnish Fiord
Finnish Fiord sits between the cooler, more saturated blues and the lighter, more muted ones, it's got genuine warmth underneath without sliding toward green. You'll notice it right away against Blue Bobbin's electric cyan commitment or Glassmith's almost-neutral restraint. There's color here, real saturation, but it doesn't feel like it's trying to prove anything.
Reach for this in health platforms, SaaS dashboards, and fintech interfaces where you need a secondary accent that feels both capable and approachable. Button backgrounds, hover states, accent borders in light themes, data visualization elements that should land somewhere between friendly and professional. It pairs naturally with dark text and works steadily against warm-leaning grays without that flicker you get from purer cyans. Unlike Blue Eye Samurai's lighter pull-back or Blue Bobbin's forward push, Finnish Fiord settles in as the one you reach for when you need balance.
On warm displays it'll hold its temperature. On cooler monitors it might shift slightly toward its cyan neighbors, but it won't suddenly read cold or clinical. Test it early against your actual working grays and backgrounds.
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.