Cosmic

#b8b9cb

Muted cool periwinkle-gray, softer than Arctic Ice

Save
Share

About Cosmic

Cosmic sits in that rare middle ground where it's actually lighter than 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.

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

On Gray 100 #f5f5f5

Aa
1.78:1Fail

On Gray 900 #18181b

Aa
9.15:1AAA

On Black #000000

Aa
10.84: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 Cosmic

Open the generator with this color pre-loaded.

Start creating