Beige
A soft luminous neutral with subtle warmth
Beige is a pale, luminous off-white with distinct grey and yellow undertones. This airy, bleached shade provides a clean background for minimal UI designs. Because #f5f5dc offers high contrast with black text, it works well as a primary base for readable body copy. Use it to soften layouts where pure white feels too harsh or clinical. The hex code for this color is #f5f5dc.
About Beige
Unbleached linen in a late afternoon window
What does beige mean?
Beige often stands for natural materials, plainness, and a neutral background that lets other things stand out. Its high lightness and very low saturation make it read as soft and unassertive, closer to a surface than a statement.
Where you see beige
- manila envelopes
- oatmeal
- unbleached paper
- dry grass
- linen napkins
- parchment
What it works for
Use it as a page background, a card fill, or a warm neutral base under darker earth tones.
What colors go with beige?
Chocolate #d2691eDark brown gives this pale tint a warm anchor without fighting its softness.Sage #9caf88Both colors sit low in saturation, so the pairing stays gentle and even.Charcoal #36454fThe near-black sharpening makes the yellow undertone in beige more visible.Terracotta #e2725bTerracotta pulls out the warm side of beige for an earthy, sun-dried palette.Dusty Blue #8093a4Cool blue balances the warm yellow cast and keeps the combination from feeling flat.
Questions about Beige
What is the hex code for Beige?
Beige is #f5f5dc. In RGB that is rgb(245, 245, 220), in HSL hsl(60, 56%, 91%) and in CMYK 0%, 0%, 10%, 4%.
What makes #f5f5dc a better UI choice than pure white?
#f5f5dc offers a softer, more organic aesthetic that reduces eye strain compared to the harsh intensity of pure white backgrounds. It maintains excellent readability with high-contrast text while creating a subtle, warm atmosphere that feels more approachable for modern user interfaces.
Is Beige readable on white or black?
Beige has a 1.10:1 contrast ratio on white and 18.97:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.