Catfish

#657d82

Save

About Catfish

Catfish sits between the cooler grays and the warmer ones, but it doesn't commit to either direction, and that's what makes it useful. It's got just enough saturation to feel intentional without the blue lean of Blue Blood or the warmth hiding in Classic Movie. It won't disappear the way lighter grays do, but it won't pull the room down like Aluminium either.

This is the gray you reach for in product dashboards, healthcare interfaces, and internal admin tools where you need a surface that works hard without announcing itself. Form containers, secondary panels, card backgrounds in systems that already have a neutral anchor. It pairs cleanly with deeper text and doesn't fight with either warm or cool accents. The real move: it's lighter than Aluminium but grounded enough that it reads as a deliberate choice, not a default.

One thing to watch: it's warmer and less saturated than Blue Blood, so if you've already committed to cool tones in your primary surfaces, Catfish might feel like a step back. Test it next to your coldest elements first.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Catfish

Open the generator with this color pre-loaded.

Start creating