Recolorify
Sign inStart free →
DESIGN10 min read· Jun 22, 2026

The Ultimate Guide to Beige Color Codes, Hex Codes, and Shades of Beige

Beige is the color of warmth, neutrality, and understated elegance — it anchors interiors, fashion, beauty, and minimalist packaging, and it has become the defining neutral of the modern aesthetic. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of beige, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Beige Color Codes, Hex Codes, and Shades of Beige

The core beiges and their codes

Interactive Beige Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure beige

HSL(60°, 56%, 91%) — the classic web beige.

Selected color: #F5F5DC

Beige in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #F5F5DC is RGB(245, 245, 220) — near-white with a small yellow drop that gives beige its warmth.

For pure beige #F5F5DC: RGB(245, 245, 220), HSL(60°, 56%, 91%), CMYK(0%, 0%, 10%, 4%). For sand #C2B280: RGB(194, 178, 128), HSL(45°, 34%, 63%) — deeper and warmer, the beige most people picture as "sandy".

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. Beige is a pale, low-chroma neutral, so a flat RGB swap tends to wash a product into a flat card — the subtle shadows that define folds and form disappear.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact beige hex while every shadow and texture detail of the original survives, so the product keeps its shape.

Matching brand beiges across assets

Beige is all about undertone — pink, yellow, or gray — and a mismatched undertone across product photos and packaging is the fastest way to make a "neutral" brand look careless. Define each brand beige once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact beige hex and recolor a logo, a product photo, or a garment to match it precisely, keeping texture intact. See also our guides to brown color codes and white color codes.

Best color pairings for beige

  • Beige + white (#FFFFFF) — soft, minimal, and calming for modern interiors and beauty.
  • Beige + terracotta (#E2725B) — warm and earthy for the modern organic look.
  • Beige + sage green (#9CAF88) — natural and serene for wellness brands.
  • Beige + black (#0A0A0A) — high-end contrast that keeps neutrals from feeling plain.
  • Beige + brown (#7B3F00) — a tonal, cozy palette for craft and leather goods.

Frequently asked questions about beige color codes

What is the hex code for beige? The CSS keyword "beige" is #F5F5DC — a pale, warm neutral.

What is the RGB code for beige? Pure beige is RGB(245, 245, 220).

What is the difference between beige, cream, and ivory? Beige (#F5F5DC) has a gray-tan base; cream (#FFFDD0) leans more yellow; ivory (#FFFFF0) is closest to pure white. All are warm neutrals.

What is the hex code for taupe? Taupe is commonly #B38B6D — a deeper gray-brown beige.