Oatmeal
A warm, organic neutral with grey depth

Oatmeal is a pale, ashy beige with subtle grey undertones. Because it has enough contrast to support black text, the hex code #c9c1b1 functions well as a clean background for minimal UI or print layouts. It feels more organic than flat white, making it a reliable base for branding that needs warmth without overwhelming the viewer. Avoid using it alongside yellow-heavy creams, where it may look muddy.
About Oatmeal
Bleached linen hung out under a pale sky
What does oatmeal mean?
Oatmeal commonly suggests simplicity, plainness, and everyday comfort, since it shares its look with grains, fibers, and unbleached cloth. Its high lightness and low saturation make it feel faded and delicate, like a surface left out in the sun.
Where you see oatmeal
- rolled oats
- linen fabric
- dry beach grass
- unbleached paper
- sandstone
- wheat stubble
What it works for
Use it as a warm neutral base in interiors, packaging, and textiles where grey feels too cold.
What colors go with oatmeal?
Terracotta #e2725bThe pale beige cools the clay tone, and the pairing reads sun baked and grounded.Charcoal #36454fThe deep grey gives this light tint real weight without pulling the palette toward blue.Sage #9caf88Two muted, faded tones sit side by side and keep everything soft and natural.Rust #b7410eThe strong orange brown warms the ashy base and keeps the mix from going flat.Dusty Blue #8093a4The faint blue reads greyer next to this yellow tinted beige, a balanced, weathered pair.
Questions about Oatmeal
What is the hex code for Oatmeal?
Oatmeal is #c9c1b1. In RGB that is rgb(201, 193, 177), in HSL hsl(40, 18%, 74%) and in CMYK 0%, 4%, 12%, 21%.
Is Oatmeal #c9c1b1 considered a warm or cool neutral?
Oatmeal #c9c1b1 sits in a middle ground, functioning as a warm neutral while maintaining a slightly cool, ashy grey undertone. This dual nature prevents it from looking like a traditional yellow-cream and helps it remain sophisticated in minimal layouts.
Is Oatmeal readable on white or black?
Oatmeal has a 1.78:1 contrast ratio on white and 11.74:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.