Smoked Oyster
#d9d2cd
Muted neutral-gray with a smoky, cool cast
About Smoked Oyster
On my mockups, Smoked Oyster looks like a foggy sheet of gray that still has a hint of beige smoke in it. It's not as milky and cool as Mocha Ice, and it doesn't drift into the taupe "mushroom" direction of Mushroom Risotto. Compared to Coconut Macaroon, it's lighter and far less earthy, so it won't bring that heavier, warming weight to the page.
This is the gray-forward neutral I reach for when I want surfaces to feel calm but not sterile. It works in healthcare dashboards and clinical admin tools where you need subtle warmth without veering peach or rose. I also like it for dashboards and finance apps as a card background behind dense tables, because it stays understated next to charts and doesn't compete with dense typography.
Quirk: in very bright screens it can read almost creamy, so I keep borders and dividers slightly more defined to maintain crisp separation.
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.
