Skip to content
AI Color

By Color

Beige Color Palettes

Beige palettes prove that neutral does not have to mean boring, given enough tonal separation. Its main colours include alabaster (#edf3ec), pearl (#d9e4d3), silver (#bed5ca), oat (#d4ccb9), khaki (#beab8d), built as a monochromatic set around 38° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Beige color palette hex codes

Main beige colours with named swatches, HEX and RGB. Derived from this tag's hue (38°), saturation (22%) and monochromatic scheme.

Beige color palette hex codes
SwatchNameHEXRGBCopy
Alabaster swatchAlabaster#edf3ecrgb(237, 243, 236)
Pearl swatchPearl#d9e4d3rgb(217, 228, 211)
Silver swatchSilver#bed5cargb(190, 213, 202)
Oat swatchOat#d4ccb9rgb(212, 204, 185)
Khaki swatchKhaki#beab8drgb(190, 171, 141)
Sand swatchSand#b59d76rgb(181, 157, 118)
Sage swatchSage#9fa86brgb(159, 168, 107)
Moss swatchMoss#b0a94frgb(176, 169, 79)

Beige color palettes

About beige color palettes

Beige palettes prove that neutral does not have to mean boring, given enough tonal separation. This page collects 84 beige color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.

Most beige schemes anchor somewhere around silver (#ccc2b0), a warm hue sitting near 38 degrees on the color wheel at roughly 22% saturation. The palettes below span a lightness range of about 37 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. A single hue explored across lightness and saturation for a refined, minimal look.

When you build with beige, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Beige color palette FAQ

What colors are in a beige color palette?

A typical beige palette combines alabaster (#edf3ec), pearl (#d9e4d3), silver (#bed5ca) and supporting tones. Beige palettes prove that neutral does not have to mean boring, given enough tonal separation.

What are the hex codes for beige?

Beige is a colour family rather than a single value. The main hex codes on this page are #edf3ec, #d9e4d3, #bed5ca, #d4ccb9, #beab8d, #b59d76, #9fa86b, #b0a94f, centred near #ccc2b0. Copy any value from the table above.

How do I use a beige color palette in my design?

Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.

Are these beige palettes free to use?

Yes. All 84 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "beige" into the AI color palette generator to build a fresh scheme in the same range.