#FFFDD0
Yellow family

Cream

Also known as: soft · warm · inviting · serene · neutral
Save
Hex #FFFDD0
RGB rgb(255, 253, 208)
HSL hsl(57°, 100%, 91%)
CMYK 0 · 1 · 18 · 0
RAL RAL 9001 · Cream

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, cream symbolizes purity and simplicity, often associated with weddings and celebrations. However, in some Eastern traditions, it can signify wealth and sophistication, contrasting with its more modest interpretations elsewhere.

The term 'cream' originates from the Latin 'crema', which referred to the fatty component of milk, becoming popular in the 17th century. Historically, cream has been used in art and design as a neutral backdrop, allowing vibrant colors to shine.

softwarminvitingsereneneutral

The story of Cream

Where the name and the color come from.

Cream is named after the rich, fatty layer that rises to the top of fresh milk — and the color matches it: a soft, warm off-white with a gentle yellow undertone. It is white that has been softened and warmed, never stark or clinical.

That warmth is the whole point. Where pure white can feel cold and modern, cream feels inviting, classic and a little luxurious, which is why it endures across centuries of decoration and dress.

Where you'll see Cream

The places, brands and moments that shaped this color.

Wedding and fine stationery

Cream and ivory papers signal tradition and quality, softer and more formal than bright white.

Classic interiors

Cream walls, trim and upholstery are the backbone of traditional, country and Scandinavian-warm schemes.

"Winter whites" in fashion

Cream knitwear and tailoring offer the elegance of white with more warmth and wearability.

Using Cream in design

How it behaves in interiors, fashion and branding.

Cream is a warm neutral that softens and unifies a space. As a wall or backdrop color it bounces light gently without the glare of bright white, and it flatters wood, brass and natural fibers in traditional and warm-modern interiors alike.

In branding and packaging, cream conveys craft, heritage and understated luxury — a favorite of premium food, beauty and lifestyle labels.

What pairs with Cream

Curated combinations — and exactly why each one works.

Cream + Navy Blue

Cream and navy is a timeless, slightly nautical pairing — warm and crisp at once.

Cream + Sage

Cream and sage make a soft, organic, calming scheme rooted in natural materials.

Cream + Terracotta

Against cream, terracotta glows like sunlit plaster — warm and Mediterranean.

Cream + Charcoal

Charcoal grounds cream with sophisticated contrast, modernizing a warm neutral base.

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Cream. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Cream by lightness — from #85846C (darkest) to #FFFEE7 (lightest). Click any to copy.

-40% #85846C
-30% #A3A285
-20% #C2C09E
-10% #E0DFB7
BASE #FFFDD0
+15% #FFFDD6
+30% #FFFDDB
+50% #FFFEE1
+70% #FFFEE7

Complementary

Sitting opposite Cream at 237° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Cream.

#FFFDD0
#FFB74D
#F5F5F5
#D1C4E9
#B2DFDB

Cozy Retreat

Comforting space
#FFFDD0
#FF6F61
#E0E0E0
#FFAB91
#C5E1A5

Sunset Glow

Warm embrace
#FFFDD0
#B0BEC5
#FFFFFF
#F48FB1
#FFD54F

Elegant Affair

Sophisticated charm

Used by

Brands and institutions known for using Cream.

Ben & Jerry'sTiffany & Co.

Cream scale

A 50–900 tonal scale with Cream anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFFFB
100 #FFFFF7
200 #FFFEED
300 #FFFEE4
400 #FFFDDA
500 #FFFDD0
600 #D1CFAB
700 #A8A789
800 #807F68
900 #575647

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 20.21:1
Cream as text on… Ratio AA AAA
Aa White background 1.04:1 Fail Fail
Aa Black background 20.21:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFFDD0

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FFFDD0;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFFDD0 70%, white)
HSV / HSB 57°, 18%, 100%
CMYK (print) 0, 1, 18, 0
Decimal 16776656
Nearest web-safe #FFFFCC

Color vision

How Cream appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFFDD0

Protanopia (no red)

#FEFEDB

Deuteranopia (no green)

#FEFEDE

Tritanopia (no blue)

#FFE3E5

Cream FAQ

Quick answers to the questions people ask about Cream.

What is the difference between cream, ivory and beige?

Cream is a warm, yellow-tinged off-white; ivory is slightly paler and can lean a touch pinker; beige is darker and more tan. Cream and ivory are off-whites, while beige steps further toward a pale brown.

Is cream a warm or cool color?

Warm. Cream's yellow undertone gives it a soft warmth, which is exactly what distinguishes it from cool, blue-white shades and makes it feel inviting.

What colors go with cream?

Navy and charcoal for crisp contrast, sage and olive for an organic look, terracotta and rust for warmth, and black for a soft, classic high-contrast pairing.

Mustard
6 / 29 Yellows Ivory
Copied!