Beige color codes and shades

Beige is a light warm neutral, named for undyed wool. Find CSS beige keywords, dozens of named beiges and soft sand and oatmeal tones here.

CSS beige keywords

CSSAa 15.56:1

beige #F5F5DC RGB 245, 245, 220
CSSAa 15.31:1

linen #FAF0E6 RGB 250, 240, 230
CSSAa 14.77:1

blanchedalmond #FFEBCD RGB 255, 235, 205
CSSAa 14.70:1

antiquewhite #FAEBD7 RGB 250, 235, 215
CSSAa 14.06:1

bisque #FFE4C4 RGB 255, 228, 196
CSSAa 13.10:1

wheat #F5DEB3 RGB 245, 222, 179
CSSAa 8.73:1

tan #D2B48C RGB 210, 180, 140

Named beiges

All of these have "beige" in the name.

Aa 8.32:1

Studio Beige #C1B2A1 RGB 193, 178, 161
Aa 8.04:1

DaVanzo Beige #CCAC86 RGB 204, 172, 134
Aa 7.70:1

Sunset Beige #D0A584 RGB 208, 165, 132
Aa 7.67:1

Beige Intenso #C5A88D RGB 197, 168, 141
Aa 7.42:1

Golden Beige #CEA277 RGB 206, 162, 119
Aa 7.41:1

Dune Beige #C3A491 RGB 195, 164, 145
Aa 7.40:1

Smoky Beige #B9A796 RGB 185, 167, 150
Aa 7.41:1

Barbados Beige #B8A983 RGB 184, 169, 131
Aa 6.89:1

Greyish Beige #A8A495 RGB 168, 164, 149
Aa 6.50:1

Sweet Beige #C6947C RGB 198, 148, 124
Aa 5.70:1

Chatura Beige #A09287 RGB 160, 146, 135
Aa 5.39:1

Renwick Rose Beige #AF8871 RGB 175, 136, 113
Aa 5.27:1

German Camouflage Beige #9B8C7B RGB 155, 140, 123
Aa 4.68:1

Bristol Beige #93836F RGB 147, 131, 111
Aa 4.56:1

French Beige #A67B50 RGB 166, 123, 80
Aa 4.32:1

Beige Intuition #987A5B RGB 152, 122, 91

Sand, ecru and oatmeal

Aa 14.83:1

Sun-Kissed Sands #FFEDBC RGB 255, 237, 188
Aa 14.56:1

White Sand #F5EBD8 RGB 245, 235, 216
Aa 13.10:1

Toes in the Sand #F8DCBF RGB 248, 220, 191
Aa 12.54:1

Biscuit Dough #E8DBBD RGB 232, 219, 189
Aa 11.68:1

Sand Dune #E3D2C0 RGB 227, 210, 192
Aa 9.46:1

Stone Fortress #C5C0B0 RGB 197, 192, 176
Aa 9.29:1

Attic Linen #CCBCA9 RGB 204, 188, 169
Aa 9.00:1

Stone Guardians #CABA97 RGB 202, 186, 151
Aa 7.14:1

Forgotten Sandstone #AFA696 RGB 175, 166, 150
Aa 7.01:1

Taupe #B9A281 RGB 185, 162, 129

Palette idea: light to dark

LightestAa 15.56:1

beige #F5F5DC RGB 245, 245, 220
LightAa 13.10:1

wheat #F5DEB3 RGB 245, 222, 179
MidAa 8.04:1

DaVanzo Beige #CCAC86 RGB 204, 172, 134
DeepAa 7.01:1

Taupe #B9A281 RGB 185, 162, 129
DarkestAa 4.32:1

Beige Intuition #987A5B RGB 152, 122, 91

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 14.56:1

White Sand #F5EBD8 RGB 245, 235, 216
MainAa 8.04:1

DaVanzo Beige #CCAC86 RGB 204, 172, 134
DeepAa 5.70:1

Chatura Beige #A09287 RGB 160, 146, 135
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 14.77:1

blanchedalmond #FFEBCD RGB 255, 235, 205
MainAa 8.04:1

DaVanzo Beige #CCAC86 RGB 204, 172, 134
DarkAa 5.27:1

German Camouflage Beige #9B8C7B RGB 155, 140, 123
AccentAa 7.79:1

Complement #89B2E0 RGB 137, 178, 224
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

An undyed color

Beige comes from the French word for natural, undyed wool. The CSS keyword beige is #F5F5DC, a very pale greenish cream that looks lighter than most beige paint.

Beige, tan and greige

Beige is light and warm, with a yellow lean.
Tan is darker and browner (#D2B48C in CSS).
Greige mixes in gray. See greige color codes.

Styling beige

Beige is a backdrop color. It works with white, navy, olive, terracotta and black. On walls, check the undertone: pink, yellow or green beiges look very different next to each other.

On screen

Beige takes dark text easily. It makes a softer page background than pure white for reading-heavy sites. For more neutrals, see neutral colors, cream and brown.