↑ ↓ to moveEnter to openEsc to close

Neutral colors

Neutrals are the low-saturation colors that hold a palette together. They are grouped below from white through beige and greige to charcoal.

Whites and off-whites

  • Aa 14.84:1
    Vintage Porcelain #F2EDEC RGB 242, 237, 236
  • Aa 14.82:1
    Angelic White #F4EDE4 RGB 244, 237, 228
  • Aa 14.66:1
    Porcelain Skin #FFE7EB RGB 255, 231, 235
  • Aa 14.78:1
    Creamy Garlic #ECEFE3 RGB 236, 239, 227
  • Aa 14.68:1
    Sheikh White #EFECEE RGB 239, 236, 238
  • Aa 14.62:1
    Ivory Wedding #EDEDE4 RGB 237, 237, 228
  • Aa 14.65:1
    Diamond White #E2EFF3 RGB 226, 239, 243
  • Aa 14.56:1
    White Sand #F5EBD8 RGB 245, 235, 216
  • Aa 14.47:1
    Silky White #EFEBE2 RGB 239, 235, 226
  • Aa 14.39:1
    White Christmas #F4E8E8 RGB 244, 232, 232

Beige, cream and sand

Warm neutrals with a yellow or peach undertone.

  • Aa 13.72:1
    Creamy Vanilla #F2E5BF RGB 242, 229, 191
  • Aa 13.10:1
    Toes in the Sand #F8DCBF RGB 248, 220, 191
  • Aa 12.78:1
    Heavy Cream #E8DDC6 RGB 232, 221, 198
  • Aa 11.68:1
    Sand Dune #E3D2C0 RGB 227, 210, 192
  • Aa 11.11:1
    Warm Oats #D8CFBA RGB 216, 207, 186
  • Aa 10.61:1
    Fiji Sands #D8CAA9 RGB 216, 202, 169
  • Aa 9.63:1
    Oatmeal #C9C1B1 RGB 201, 193, 177
  • Aa 9.29:1
    Attic Linen #CCBCA9 RGB 204, 188, 169
  • Aa 7.14:1
    Forgotten Sandstone #AFA696 RGB 175, 166, 150
  • Aa 7.01:1
    Taupe #B9A281 RGB 185, 162, 129

Greige and taupe

Gray mixed with beige, the balanced middle ground.

  • Aa 9.16:1
    Smooth Pebbles #CABAB1 RGB 202, 186, 177
  • Aa 8.65:1
    Zen Pebble #BAB8AD RGB 186, 184, 173
  • Aa 8.27:1
    Tender Taupe #C4B198 RGB 196, 177, 152
  • Aa 7.86:1
    Mushroom #BDACA3 RGB 189, 172, 163
  • Aa 5.93:1
    Pebble #9D9880 RGB 157, 152, 128
  • Aa 4.41:1
    Wet Taupe #907E6C RGB 144, 126, 108
  • Aa 6.19:1
    Ochicha Latte #6B6047 RGB 107, 96, 71
  • Aa 6.58:1
    Baby Bear #6F5944 RGB 111, 89, 68
  • Aa 6.89:1
    Hold Your Horses #705446 RGB 112, 84, 70
  • Aa 7.04:1
    Major Brown #61574E RGB 97, 87, 78

Grays, cool to neutral

  • Aa 5.26:1
    Pedigrey #8F8E8C RGB 143, 142, 140
  • Aa 4.36:1
    Grey #808080 RGB 128, 128, 128
  • Aa 4.24:1
    Silver Surfer #7E7D88 RGB 126, 125, 136
  • Aa 4.22:1
    Gunsmoke #7A7C76 RGB 122, 124, 118
  • Aa 4.47:1
    Lucky Grey #777777 RGB 119, 119, 119
  • Aa 4.62:1
    Volcanic Ash #6F7678 RGB 111, 118, 120
  • Aa 4.69:1
    Gauntlet Grey #78736E RGB 120, 115, 110
  • Aa 5.81:1
    Grey Web #616669 RGB 97, 102, 105
  • Aa 6.40:1
    Cloak Grey #605E63 RGB 96, 94, 99
  • Aa 7.06:1
    Smokescreen #5E5755 RGB 94, 87, 85

Charcoal and near-black

  • Aa 17.06:1
    Coco’s Black #1C1C1A RGB 28, 28, 26
  • Aa 17.88:1
    Piano Black #17171A RGB 23, 23, 26
  • Aa 17.88:1
    Black Stallion #0E191C RGB 14, 25, 28
  • Aa 18.24:1
    Back in Black #16141C RGB 22, 20, 28
  • Aa 18.58:1
    Cursed Black #131313 RGB 19, 19, 19
  • Aa 19.83:1
    Black Knight #010B13 RGB 1, 11, 19
  • Aa 20.00:1
    Blackout #0E0702 RGB 14, 7, 2
  • Aa 21.00:1
    Black #000000 RGB 0, 0, 0

Palette idea: light to dark

  • LightestAa 14.84:1
    Vintage Porcelain #F2EDEC RGB 242, 237, 236
  • LightAa 12.78:1
    Heavy Cream #E8DDC6 RGB 232, 221, 198
  • MidAa 5.93:1
    Pebble #9D9880 RGB 157, 152, 128
  • DeepAa 6.40:1
    Cloak Grey #605E63 RGB 96, 94, 99
  • DarkestAa 21.00:1
    Black #000000 RGB 0, 0, 0

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 5.93:1
    Pebble #9D9880 RGB 157, 152, 128
  • DeepAa 17.06:1
    Coco’s Black #1C1C1A RGB 28, 28, 26
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 14.62:1
    Ivory Wedding #EDEDE4 RGB 237, 237, 228
  • MainAa 5.93:1
    Pebble #9D9880 RGB 157, 152, 128
  • DarkAa 17.88:1
    Black Stallion #0E191C RGB 14, 25, 28
  • AccentAa 5.83:1
    Complement #8B93C9 RGB 139, 147, 201
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Neutrals and undertones

Neutrals have so little saturation that they don't read as a color, but almost all of them lean slightly warm or cool. That undertone is what makes two "whites" clash on the same wall.

NeutralUndertonePairs with
Off-white, creamWarm (yellow)Wood, brass, terracotta
Pure whiteNoneBlack, bold colors
Beige, sandWarmOlive, rust, navy
Greige, taupeBalancedAlmost anything
Cool grayCool (blue)Chrome, blue, black
CharcoalEitherWhite, camel, jewel tones

The 60-30-10 habit

Interior designers often describe a room as 60% main color, 30% secondary and 10% accent. Neutrals usually take the 60%, which is why choosing the right one matters more than choosing the accent.

Neutrals in interfaces

Near-white backgrounds with a slight warm cast feel softer than pure #FFFFFF and reduce glare. Near-black text, such as a deep charcoal, looks less harsh than pure black. Keep text contrast at 4.5:1 or more: very light grays on white often fail.

More neutral pages

Gray-beige blends have their own greige page, and true and tinted grays are on the gray page. Build a full neutral ramp from one swatch with the color shades generator.