Cuttlefish
#7fbbc2
About Cuttlefish
Cuttlefish is the blue that actually sits still on screen. It's got real saturation without the green lean that pulls Cool into muted territory, and it lands noticeably darker than Cerulean Skies without the warmth creeping in like Castaway does. This is the shade that reads as blue first, not teal pretending to be blue.
Reach for it in product dashboards, fintech platforms, and health apps where a secondary surface needs weight but not noise. Card backgrounds, form fields, section dividers, button hover states. It's the one I reach for when Castaway feels too settled and Cool feels too flat. It pairs clean with charcoal or slate text and holds its own against data without flickering or shifting depending on your display.
The thing: it's got enough depth that you don't need to layer it with another color for it to land. Works best when you're building interfaces that need presence without the clinical edge.
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.