#F5F5DC
Brown family

Beige

Also known as: neutral · soft · earthy · subtle · warm
Save
Hex #F5F5DC
RGB rgb(245, 245, 220)
HSL hsl(60°, 56%, 91%)
CMYK 0 · 0 · 10 · 4
CSS beige
RAL RAL 9001 · Cream
NCS S 0500-N

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

Meaning

In Western cultures, beige represents calmness and simplicity, often associated with neutrality and sophistication. Conversely, in some Eastern cultures, it can symbolize purity and cleanliness, reflecting a different aspect of its understated charm.

The term 'beige' originated in France in the early 19th century, derived from the name for natural wool that had not been bleached or dyed. Its rise in popularity as a color in interior design can be traced back to the 1970s, when it became a staple in modernist aesthetics.

neutralsoftearthysubtlewarm

The story of Beige

Where the name and the color come from.

Beige is a French word that originally described natural wool in its raw state — undyed, unbleached fabric the color of the fleece itself. It entered English in the mid-19th century as a textile and fashion term before becoming the catch-all name for pale, warm neutrals.

That origin explains beige's character: it is the color of unprocessed natural material — sand, wool, unbleached linen — which is why it reads as calm, organic and endlessly versatile.

Where you'll see Beige

The places, brands and moments that shaped this color.

The Burberry trench

The house's signature beige gabardine made the color synonymous with understated, weatherproof British elegance.

Minimalist and "greige" interiors

Beige and its grey-leaning cousin greige are the foundation neutrals of contemporary, pared-back interiors.

Desert and military dress

From khaki drill to desert camouflage, beige tones have long served where blending into arid landscape matters.

Using Beige in design

How it behaves in interiors, fashion and branding.

Beige is the ultimate backdrop neutral — warm, quiet and flattering to almost everything placed against it. The art of using it lies in undertone: a beige can lean pink, yellow or grey, and matching that undertone to the rest of a scheme is what separates "cozy" from "drab."

In fashion and branding, beige signals understated luxury, calm and timelessness — which is exactly why it never truly goes out of style even as it cycles in and out of trend reports.

What pairs with Beige

Curated combinations — and exactly why each one works.

Beige + Navy Blue

Navy and beige is a crisp, classic pairing — beige warms navy's depth while navy sharpens beige's softness.

Beige + White

White keeps beige feeling fresh and clean rather than flat, a staple of minimalist interiors.

Beige + Charcoal

Charcoal grounds beige with sophisticated contrast for a modern, balanced neutral scheme.

Beige + Sage

Soft sage green brings beige to life organically, a calm, nature-inspired combination.

Similar colors

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

All 35 Browns →

Shades & tints

Nine steps of Beige by lightness — from #7F7F72 (darkest) to #FAFAED (lightest). Click any to copy.

-40% #7F7F72
-30% #9D9D8D
-20% #BABAA7
-10% #D8D8C2
BASE #F5F5DC
+15% #F6F6E0
+30% #F7F7E4
+50% #F9F9E9
+70% #FAFAED

Complementary

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

Palettes

Curated 5-color combinations featuring Beige.

#F5F5DC
#A8D8B9
#D4C7A6
#B5A99A
#6B4C3A

Natural Harmony

Calm Nature
#F5F5DC
#C0C0C0
#7D7D7D
#3B3B3B
#E6B800

Urban Chic

Modern Elegance
#F5F5DC
#E9DCC9
#D2B48C
#B0C4DE
#FFDBAC

Vintage Retreat

Cozy Comfort

Beige scale

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

50 #FEFEFC
100 #FDFDF9
200 #FBFBF2
300 #F9F9EB
400 #F7F7E3
500 #F5F5DC
600 #C9C9B4
700 #A2A291
800 #7B7B6E
900 #53534B

Accessibility

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

Aa Best text color: #000000 · 18.98:1
Beige as text on… Ratio AA AAA
Aa White background 1.11:1 Fail Fail
Aa Black background 18.98: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 #F5F5DC

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

CSS color: beige;
CSS color-mix (lighten 30%) color-mix(in srgb, beige 70%, white)
HSV / HSB 60°, 10%, 96%
CMYK (print) 0, 0, 10, 4
Decimal 16119260
Nearest web-safe #FFFFCC

Color vision

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

Normal vision

#F5F5DC

Protanopia (no red)

#F5F5E2

Deuteranopia (no green)

#F5F5E4

Tritanopia (no blue)

#F5E7E8

Beige FAQ

Quick answers to the questions people ask about Beige.

Is beige warm or cool?

Usually warm — beige is a pale tan with yellow or pink undertones. But beiges vary: a grey-leaning beige ("greige") can read almost cool. Identifying the undertone is the key to using beige well.

What is the difference between beige, cream and taupe?

Cream is paler and more yellow (an off-white), beige is a warm pale tan, and taupe is darker and greyer (a grey-brown). They run from lightest (cream) to deepest and most neutral (taupe).

What colors go with beige?

Navy and charcoal for crisp contrast, white for freshness, sage and olive for an organic look, and blush or terracotta to warm it. Beige's neutrality means it supports almost any accent.

Tan
4 / 35 Browns Camel
Copied!