Whipped Cream
#f2f0e7
Creamy gray-offwhite that sits warmer than Marble
About Whipped Cream
Whipped Cream looks like the spot where white finally decides to stop being stark. It's softer and slightly grayer than Marble White, so you don't get that crisp, high-key clarity. And compared to Cotton Field, it keeps a faint cool neutrality instead of sliding into linen-beige quiet. Versus Marshmallow, it reads a touch brighter and more "clean paper" than "cooled daylight," with less of that uniformly muted wash.
I use Whipped Cream for product UI and editorial layouts when I want dark text to sit firmly without feeling harsh. It's a great background for SaaS control panels, creator sites, and e-commerce details pages where you want the page to feel warmer than pure white but still controlled. This is the one you reach for when you need separation from off-white labels and form states, but you don't want the gray to show up as a styling decision.
Quirk: next to very warm photography it can look slightly cooler than expected, so I'll balance it with natural wood tones or creamier neutrals in the accents.
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.