Fish Boy
#11dddd
Bright mint-cyan highlight for playful, crisp UI
About Fish Boy
Fish Boy is the cyan that actually breathes. It's lighter and less saturated than Hammam Blue or Frozen Boubble, which means it doesn't land with the same visual weight, it floats instead of plants itself. You're not getting the clinical edge that Cold Light of Day sometimes carries, and you're definitely not getting the darker punch of its neighbors. This one's got air in it.
Reach for it in health dashboards, data visualizations, and tech interfaces where you want the color to feel current without demanding attention. It works as a secondary accent, a hover state, a loading indicator that doesn't feel aggressive. Unlike Hammam Blue's grounded personality or Frozen Boubble's sharp energy, Fish Boy reads softer, almost approachable, while still holding its own against darker text and backgrounds.
The catch: that lightness means it needs room to work. Put it on a light background and it'll wash out fast. Dark surfaces are where it actually shows up. Pair it with charcoal or deep navy and it'll feel less cyan, more aquatic, which is probably why they named it this way.
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.