Nebulous

#c4b9b8

Muted cool gray-beige with airy, balanced neutrality

Save
Share

About Nebulous

Nebulous is the gray I notice when a mockup finally stops looking either chalky or beige. On a page, it reads softly cool, but it doesn't go flat like the lighter neutrals nearby. Compared to , it's not as dense and anchored, and it won't feel like it has real mass behind your content.

It's a mid-light, low-saturation mist with a slightly dusty, neutral tilt. That makes it a solid pick for dashboards and finance UIs where you want calm without the "washed out" look, and for editorial reading screens that need typography to stay crisp while imagery stays quiet. In product documentation and ops portals in logistics or healthcare, it helps keep charts and tables from getting either too warm (like 's lean) or too muted and heavy (like 's).

If you pair it with true black, things look clean, but if your UI uses warmer dark text, it can start to feel a touch more neutral than gray. I'd test it next to your real type weight and grid density before you commit.

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

On Gray 100 #f5f5f5

Aa
1.75:1Fail

On Gray 900 #18181b

Aa
9.26:1AAA

On Black #000000

Aa
10.98: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 Nebulous

Open the generator with this color pre-loaded.

Start creating