Oatmeal
#c9c1b1
Warm oatmeal gray for soft, grounded surfaces
About Oatmeal
On my monitor, Oatmeal reads like a softened paper stock under office lighting. It's a light gray with a creamy slant that doesn't tip into full beige, so it feels gentler than the sharper, more overtly warm City Dweller. Compared to Explosive Grey, it's clearly lighter and carries some muted pigment, not that crisp midpoint neutrality. And against Argento's flatter, chalky calm, Oatmeal has a slightly richer undertone that makes it feel more forgiving.
I reach for this light, warm-leaning neutral in product interfaces and documentation systems where the background has to stay present but not stare back. It's great for help centers, e-commerce UI chrome, and publishing workflows where long text needs comfort without going cream-on-cream. It also pairs nicely with mid-gray type and desaturated brand accents, especially when you want photos to look clean without turning the page cold.
One quirk: it won't give you the same crisp separation as Argento. If you're relying on hard contrast edges, you may need to nudge borders or type weight to keep things feeling intentional.
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.