What colors go well with cream?

Cream pairs with its complementary colour #D0D2FF and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Cream Color — Hex Code #FFFDD0, RGB, Palettes & CSS

Q: What is the hex code for cream?

Cream is commonly #FFFDD0, which is rgb(255, 253, 208). Like most descriptive colour names it covers a small range, but this is a widely used value.

Cream colour codes

Hex

#FFFDD0

RGB

rgb(255, 253, 208)

HSL

hsl(57, 100%, 91%)

HSV

hsv(57, 18%, 100%)

OKLCH

oklch(0.98 0.06 105)

CMYK

cmyk(0%, 1%, 18%, 0%)

Complementary palette

Cream with its opposite on the colour wheel.

#FFFDD0

rgb(255, 253, 208)

#D0D2FF

rgb(208, 210, 255)

Triad palette

Cream with two evenly-spaced partners.

#FFFDD0

rgb(255, 253, 208)

#D0FFFD

rgb(208, 255, 253)

#FDD0FF

rgb(253, 208, 255)

Monochromatic palette

Lighter and darker versions of cream at the same hue.

#807F68

rgb(128, 127, 104)

#B3B192

rgb(179, 177, 146)

#E6E4BB

rgb(230, 228, 187)

#FFFDD0

rgb(255, 253, 208)

Lighter tints

Cream toward white.

#FFFDD0

rgb(255, 253, 208)

#FFFDD7

rgb(255, 253, 215)

#FFFEDD

rgb(255, 254, 221)

#FFFEE4

rgb(255, 254, 228)

#FFFEEB

rgb(255, 254, 235)

#FFFEF2

rgb(255, 254, 242)

#FFFFF8

rgb(255, 255, 248)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Cream toward black.

#FFFDD0

rgb(255, 253, 208)

#DBD9B2

rgb(219, 217, 178)

#B6B595

rgb(182, 181, 149)

#929177

rgb(146, 145, 119)

#6D6C59

rgb(109, 108, 89)

#49483B

rgb(73, 72, 59)

#24241E

rgb(36, 36, 30)

#000000

rgb(0, 0, 0)

About cream

A soft off-white with a warm, gentle tone. Less stark than pure white, it is a popular background and neutral in elegant, minimal design. The value shown here (#FFFDD0) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with cream

The complementary colour (#D0D2FF) sits opposite cream on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using cream in your design

For CSS, paste #FFFDD0 or the oklch(0.98 0.06 105) value, or download the ready-made cream.css file above — it includes a full 50–950 token scale. Always check contrast before using cream behind text.

What is the hex code for cream?

Cream is commonly #FFFDD0 (rgb(255, 253, 208)). It covers a small range, but this is a widely used value.

What colours go well with cream?

Its complementary colour #D0D2FF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Cream colour

Cream colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About cream

Palettes that work with cream

Using cream in your design

Popular colours

Color tools