Marshmallow

Soft creamy neutral with subtle warmth

Select a Color

Marshmallow is a bleached, neutral tone that sits quietly between yellow and grey. Because it is so light and desaturated, it avoids the starkness of pure white while maintaining high readability. Designers often use this shade as a background for minimalist UI because it supports black text perfectly. The hex code for Marshmallow is #f0eee4, making it a reliable base for designs requiring an airy, clean aesthetic.

About Marshmallow

Warm paper under a north-facing window

What does marshmallow mean?

As a near-white with a soft yellow cast, it often reads as plainness, calm, and unadorned domestic comfort. Its near-total lack of saturation and high lightness make it feel hushed, faded, and gently warm rather than crisp.

Where you see marshmallow

unbleached linen
fresh paper
dry plaster
white beans
oat milk
seashells

What it works for

It works as a page or wall background that carries content without adding color of its own.

What colors go with marshmallow?

Sage Green #9caf88The muted green keeps the same low saturation, so nothing fights for attention.Terracotta #e2725bThe fired orange adds warmth and weight against a color this pale.Charcoal #36454fDark grey grounds the pale neutral and sharpens its soft yellow undertone.Dusty Blue #8093a4Cool faded blue balances the warm cast without stealing the quiet.Walnut #773f1aDeep brown wood gives the light neutral a settled, grounded base.

Questions about Marshmallow

What is the hex code for Marshmallow?

Marshmallow is #f0eee4. In RGB that is rgb(240, 238, 228), in HSL hsl(50, 29%, 92%) and in CMYK 0%, 1%, 5%, 6%.

How should I use #f0eee4 in a color palette?

Marshmallow works best as a primary background color, providing enough warmth to soften a layout without distracting from the main content. It pairs beautifully with high-contrast text like charcoal or navy to maintain excellent readability in digital interfaces.

Does #f0eee4 lean warm or cool?

This color leans slightly warm due to its yellow undertones, which keeps it from feeling sterile or clinical. It offers a softer alternative to pure white, making it ideal for brands wanting an inviting, approachable, and human-centered design aesthetic.

Is Marshmallow readable on white or black?

Marshmallow has a 1.16:1 contrast ratio on white and 18.05: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.