Slipper Satin
#bfc1cb
Soft warm-gray mist, calmer than silver Herring
About Slipper Satin
Slipper Satin looks like a gray that's been gently dusted, not as crisp as the silvery neutrals and not as chalk-calm as Moonwalk. It lands in the "soft reflection" zone: slightly light, with just enough saturation to keep it from going flat. The undertone feels cool-gray, but it's muted, so it never turns into the more overt blue you notice in Arctic Ice.
I like it for secondary surfaces where you want the UI to feel settled without tipping into either hospital-cool or steel-cold. It works well across dashboards and finance apps, especially for card backgrounds, form fields, and passive panels in fintech and healthcare platforms. Typography stays clean because it's light, yet the gray has more presence than Herring Silver, so it subtly holds the layout together. It's the one you reach for when you want a gray that behaves consistently next to both warm and cool accents, but still reads intentional.
Tiny caution: with very dark neighbors, borders can look slightly foggy. Use a touch more contrast than you'd use against Herring Silver and it behaves.
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.