Oatmeal

#c9c1b1

Save

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Oatmeal

Open the generator with this color pre-loaded.

Start creating