Cosmic
#b8b9cb
Muted cool periwinkle-gray, softer than Arctic Ice
About Cosmic
Cosmic sits in that rare middle ground where it's actually lighter than Arctic Ice but somehow feels more substantial than Après-Ski. There's a purple underneath, not enough to call it lavender, just enough that it doesn't read as pure gray. It's the kind of color that works harder than it looks.
Reach for it in dashboards, healthcare platforms, and design tools where you need a secondary surface that feels present but not pushy. Card backgrounds, input fields, disabled states, the surfaces that frame your actual content. It's got enough warmth baked in that it won't fight a neutral or warm accent palette, but enough restraint that cool primaries don't feel out of place either. The purple undertone gives it personality without requiring you to build your whole palette around it.
The thing to watch: pair it with true cool grays and the warmth becomes obvious. That's not a flaw, it's just a reminder that Cosmic works best when you're not already committed to a cold palette. Mix it with warmer neighbors and it becomes the bridge that makes them feel intentional together.
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.