Beige is a pale warm neutral — technically a very light brown, with just enough orange in it (#D5BDAF sits at 22° hue) to stay off-white rather than grey. Grab the HEX codes from a scheme below, or build a custom neutral palette around any base colour with the generator.
Warm Beige keeps every tone between 76% and 92% lightness, so it works as a background family rather than a colour scheme. Neutral Beige adds real contrast by stepping down to #B08968 and #7F5539. Sandy Beige drifts yellow-green at #E9EDC9 and #CCD5AE, which reads more natural than creamy.
#F5EBE0#E3D5CA#D5BDAF#D6CCC2#EDEDE9#EDE0D4#E6CCB2#DDB892#B08968#7F5539#FEFAE0#FAEDCD#E9EDC9#CCD5AE#D4A373Anchored to a beige base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Beige is a base, not an accent: it wants one dark anchor for text and at most one saturated colour. Sage green and taupe are the safe partners because they share its low saturation; burgundy or a deep navy is the move when the set needs a focal point. Interior, skincare, editorial and minimalist branding lean on it heavily.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Warm Beige row above reads #F5EBE0 through #EDEDE9 and you can type those five in as the custom properties yourself. The generator instead rolls around #D5BDAF, the base beige this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Cream palette · Taupe palette · Blush palette · all colours