Nimbus Cloud

#c8c8cc

Softer, warmer neutral gray for calm depth

Save
Share

About Nimbus Cloud

I'm always surprised by how quickly Nimbus Cloud reads as "room-temp gray" instead of leaning blue or warm. It's a lighter, softer take on neutral, with a slightly muted surface that feels like diffused daylight through frosted glass. Compared to , it has a touch more haze and a softer presence; compared to , it's cleaner and less touchy about perceived temperature.

Use it where you want calm structure without looking like you tried too hard: card backgrounds, table shells, and form fields in dashboards and healthcare UI for kiosks, patient portals, and claims workflows. In fintech, it works for secondary panels and input containers when you need hierarchy that won't fight busy data. You can pair it confidently with both cool and warm accents, but unlike , there's no blue whisper pulling the layout toward a specific direction. It stays just grounded enough to let the content do the talking.

One quirk: because it's airy, set it with a slightly darker neutral for borders, or edges can feel a bit too subtle in dense screens.

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

On Gray 100 #f5f5f5

Aa
1.53:1Fail

On Gray 900 #18181b

Aa
10.62:1AAA

On Black #000000

Aa
12.59: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 Nimbus Cloud

Open the generator with this color pre-loaded.

Start creating