Fish Bone

#e4d9c5

Brighter, cooler fish-bone gray for airy layouts

Save
Share

About Fish Bone

Fish is what happens when you want gray to stop apologizing. It's got just enough warmth to feel intentional, but it sits lighter and more muted than or , there's less personality fighting for attention. You're not getting the tan-gray pulse of or the softness that makes negotiate with every color around it. This one stays neutral without going sterile, which is harder than it sounds.

Use it in editorial layouts, SaaS dashboards, and publishing interfaces where the background needs to recede but not disappear. It works on long-form reading apps, content platforms, and product UIs where type needs clarity without the surface becoming a distraction. Photography doesn't get buried here. There's enough restraint in the undertone that it pairs cleanly with both warm and cool accents without drama.

The thing to know: it's paler and grayer than , cooler than , but less dramatic than . That middle position means it won't pull a room's temperature around like some neutrals do. It just does the work and gets out of the way.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.40:1Fail

On Gray 100 #f5f5f5

Aa
1.28:1Fail

On Gray 900 #18181b

Aa
12.68:1AAA

On Black #000000

Aa
15.03:1AAA

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

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Fish Bone

Open the generator with this color pre-loaded.

Start creating