Cream Color

About cream

Cream is not a CSS named color and has no single standard value. #FFFDD0 is a commonly used representative value: very light, with a soft yellow cast like fresh dairy cream.

The closest CSS named colors are lemonchiffon (#FFFACD), cornsilk (#FFF8DC) and ivory (#FFFFF0). Paint and fabric manufacturers each have their own creams, so match against a physical sample if that matters.

Cream has no single standardized digital value and is not a CSS named color. #FFFDD0 is a commonly used representative value; brands, paint and fabric makers use their own variations.

Other colors called cream

• Lemon chiffon (CSS) #FFFACDThe nearest CSS named color.Copy
• Cornsilk (CSS) #FFF8DCA slightly warmer, beige-leaning cream.Copy

Cream shades and tints

Shades mix cream with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with cream

Color harmonies based on the hue of #FFFDD0: its complement on the opposite side of the color wheel, its analogous neighbours and its triadic partners.

Cream contrast and readability

On a cream background, black text reads best (20.21:1). Here is how cream works as a text color:

Cream is a background color. It makes pages feel warmer and softer than pure white and pairs well with dark browns, deep greens and burgundy for text and accents.

Using cream in CSS and HTML

:root {
  --color-cream: #FFFDD0;
}

.highlight {
  background-color: var(--color-cream);
}

.banner {
  background-color: #fffdd0;
  color: #000000;
}

.label {
  color: #FFFDD0;
  border: 2px solid rgb(255, 253, 208);
}

<p style="background-color: #FFFDD0; color: #000000;">
  Cream background
</p>