Color meaning

Cream

Introducing Cream (#F5F0E6), a soft, warm off-white with a gentle ivory glow. Its low-contrast warmth makes it a favored page background, replacing stark white to give storefronts a calmer, more tactile surface. That softness flatters product photography and warm accent palettes alike.

#F5F0E6HSL 40, 43%, 93%

Cream code conversions

HEX
#F5F0E6
RGB
rgb(245, 240, 230)
HSL
hsl(40, 43%, 93%)
HSB
hsb(40, 6%, 96%)
CMYK
cmyk(0%, 2%, 6%, 4%)

Cream color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Cream contrast

Your catchy large text

Small body copy sitting on Cream.

1.14:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Cream.

16.63:1Black textAA passAAA pass

Cream color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Cream

Matched by color distance against real palettes extracted from live storefronts.

Allbirds
#ebe8e2
Faherty
#fcfaf6
Brooklinen
#faf8f7
Puma
#e6e6e5
Gymshark
#e4ddd2
Rothy's
#fdfdfc
Vineyard Vines
#fefefe
Reebok
#ffffff

Related neutral colors

CharcoalSlate GrayOff WhiteJet Black

Cream: frequently asked

What color is Cream?

Cream (#F5F0E6) is a very light warm neutral with yellow-beige undertones. In e-commerce interfaces it reads as a soft page canvas, sitting between pure white and a deeper tan.

What is the meaning of Cream?

Cream signals warmth, comfort, and understated elegance. Brands reach for it when they want customers to feel a soft, welcoming calm while browsing, common across beauty, wellness, and artisanal food stores.

How do I use Cream (#F5F0E6) in e-commerce design?

Use Cream as a page or section background to soften a bright layout and warm up neutral photography. Pair it with charcoal or chocolate-brown type for legible contrast, and let accent colors sit against it rather than filling it.

Using Cream color codes

Copy Cream (#F5F0E6) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP