Big Fish to Fry
#dadbe1
Cooler muted lavender-gray for calmer sections
About Big Fish to Fry
Big Fish to Fry is the gray that sits right at the threshold where neutrality starts to lean. It's got enough warmth buried in it that you won't mistake it for cold, but not so much that it reads as beige. Lighter than Bright Star, softer than Cold Shoulder, it's the kind of color that feels approachable without trying too hard.
Reach for this in product interfaces where you need a secondary surface that doesn't feel clinical: SaaS dashboards, financial platforms, healthcare apps where backgrounds need presence but shouldn't announce themselves. It works for card backgrounds, subtle dividers, disabled form fields, anywhere you want contrast that feels human-scaled rather than sterile. The warmth underneath means it plays better with neutral palettes than Cold Shoulder does, no temperature friction, just easy coexistence.
Pair it with taupe and greige and it becomes invisible in the best way. Sit it next to true cool grays though, and the warmth suddenly shows its face. That's not a weakness if you're already committed to a warm-leaning palette.
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.