Nebulous December
#b3b2bf
Misty neutral gray with lavender-leaning lift
About Nebulous December
Nebulous December looks like a winter sky that got brushed with gray chalk, not bright and not blue enough to call it cool. It's lighter and more muted than Moonwalk, but unlike Cosmic it doesn't carry that purple personality. Compared to Blue Haze, the hint of temperature is softer and stays buried, so it reads more like a neutral veil than a tinted surface.
I use it when a UI needs a secondary plane that feels calm and slightly softened, especially in dashboards and healthcare platforms where card backgrounds and input fields have to sit quietly behind data. It also works in design tools for panel surfaces that shouldn't steal attention from controls, plus disabled states that still look intentional, not lifeless. If you're coming from the warmer side, it pairs nicely with soft beige grays without turning yellow, but keep an eye on very cold neighbors since the contrast can look flatter than expected.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
Similar colors
Create a gradient with Nebulous December
Open the generator with this color pre-loaded.
Start creating