Bone

#e0d7c6

Softer, sand-tinted bone gray for warmer balance

Save
Share

About Bone

Bone sits warmer than but without the softness that pulls toward beige territory. It's got actual warmth baked in, a soft tan-gray undertone, but it never tips into cream. The difference is subtle until you put them side by side, then you see it: Bone is the one with a pulse.

Use it where feels too pale and sterile. Reach for Bone in editorial layouts, SaaS dashboards, and content platforms where you need a light background that doesn't read cold or clinical. It works in publishing interfaces, long-form reading apps, and packaging where the type needs to sit clearly but the surface shouldn't disappear completely. Photography doesn't compete with it. There's enough visual weight to give your layout structure without the neutrality becoming the main event.

The catch: it's warmer than everything else in this corner, so it demands slightly more intention about what you pair it with. Cool blacks will read against it; warm blacks feel natural. Keep your accent palette restrained and it won't drift, but let the surrounding colors get too mixed and temperature-wise it starts doing its own thing.

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.43:1Fail

On Gray 100 #f5f5f5

Aa
1.31:1Fail

On Gray 900 #18181b

Aa
12.41:1AAA

On Black #000000

Aa
14.71: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 Bone

Open the generator with this color pre-loaded.

Start creating