Skeleton

#ebdecc

Soft cool beige-gray for calm UI surfaces

Save
Share

About Skeleton

I keep coming back to Skeleton when a page looks too busy even with "empty" space. It's that near-off-white that almost disappears under the content, but it doesn't feel chalky or flaky. Compared to , it's slightly less fragile and more deliberate, and unlike it stays neutral instead of leaning warm.

Skeleton works when you want a background that stays calm under long reading without nudging the mood warmer or colder. I use it for long-form editorial platforms, manuscript and archive views, and document-heavy interfaces where the UI chrome needs to step back. It's also a solid base for CMS layouts and catalog pages with lots of imagery because it won't throw a temperature debate like can, and it won't run as ashy as the cooler grays.

One quirk: on dim lighting it can look even lighter, so pair it with blacks that aren't too soft. If you need hierarchy, Skeleton will make it your job, not the color's.

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

On Gray 100 #f5f5f5

Aa
1.22:1Fail

On Gray 900 #18181b

Aa
13.37:1AAA

On Black #000000

Aa
15.85: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 Skeleton

Open the generator with this color pre-loaded.

Start creating