GREYS

Mocha Magic

#88786D

RGB 136, 120, 109 · HSL 24°, 11%, 48% · CMYK 0, 12, 20, 47

Mocha Magic is #88786D in HEX — rgb(136, 120, 109), hsl(24°, 11%, 48%), cmyk(0%, 12%, 20%, 47%).

Mocha Magic pulls into the mid-tone end of the greys spectrum — HSL 24°, 11%, 48%. The neutral saturation makes it near-neutral and forgiving, and the hue reads cool. In interior projects it shines on walls, soft furniture, hard surfaces — as the project's quiet backbone. Reads best alongside white trim, natural wood, brass, soft black accents.

HEX#88786D
RGB136, 120, 109
HSL24°, 11%, 48%
HSV24°, 20%, 53%
CMYK0, 12, 20, 47
Decimal8943725
CSS RGBrgb(136, 120, 109)
CSS HSLhsl(24, 11%, 48%)

Dulux

Mocha Magic S10B5

Exact match

Behr

Grizzly MQ2-38

ΔE 1.1 · #85766A

Vista Paint

Woodbridge K-1178

ΔE 1.8 · #88796B

Dunn-Edwards

River Rocks DE6061

ΔE 1.8 · #897870

Sherwin-Williams

Backdrop SW7025

ΔE 1.8 · #867A6F

PPG

Ghost Ship 15-20

ΔE 1.9 · #887B6E

Benjamin Moore

Chocolate CSP-235

ΔE 1.9 · #867668

Kilz

Walnut Shell LM220

ΔE 2.7 · #80756B

Valspar

Zanzibar Spice 2005-9B

ΔE 3 · #8E796B

Hallman-Lindsay

Camel's Hump 219

ΔE 3.4 · #817667

IKEA

IKEA029 29

ΔE 3.6 · #816F66

RAL

Pearl Mouse Grey 7048

ΔE 4.5 · #898176

Farrow & Ball

London Clay 244

ΔE 6.6 · #786963

Dutch Boy

Silver Gray D-6730

ΔE 7.6 · #857F69

Colorhouse

Stone .06 Stone-06

ΔE 8 · #746D5A

Kobra

Gold 45

ΔE 12.2 · #8E7A5A

Light Reflectance Value (LRV)

20/100

Dark

0 · DarkLight · 100

Soaks up light and feels moody and intimate. Great for studies, dining rooms and accent walls; pair with ample lighting.

Undertone

TemperatureWarm MasstoneOrange UndertoneYellow

A near-neutral with a subtle warm yellow undertone — it will pick up colour from surrounding surfaces and shift noticeably under different light.

Complementary

#88786D
#6D7D88

Analogous

#886D70
#88786D
#88856D

Triadic

#88786D
#6D8878
#786D88

Split-Complementary

#88786D
#6D8885
#6D7088

Tetradic

#88786D
#70886D
#6D7D88
#856D88

Monochromatic

#332D29
#5D524B
#88786D
#AB9F96
#CDC6C1

Rectangle

#88786D
#7D886D
#6D7D88
#786D88

Compound

#88786D
#88856D
#6D7D88
#6D7088

Lighter

#A19389
#B7AEA8
#D4D0CD

Darker

#6D6057
#4B423B
#2C2622

Saturation

#7E7A76
#88786D
#BE6D36

Best Rooms

living rooms, bedrooms, bathrooms

Best Uses

walls, soft furniture, hard surfaces

Pairs With

white trim, natural wood, brass, soft black accents

Aa

vs White

4.24:1

AA Large

Aa

vs Black

4.95:1

AA

Deuteranopia

#88786D
#817D6D

Original → Simulated

Protanopia

#88786D
#7B7B6F

Original → Simulated

Tritanopia

#88786D
#887778

Original → Simulated

Quiet · Versatile

Mocha Magic gets out of the way so the architecture and the people in the room do the work. The right neutral is never a default — it reads warm or cool, dusty or sharp depending on its undertone, and that undertone is what makes or breaks the room.

SymbolismBalance, sophistication, calm
PersonalityAdaptable, considered, timeless
versatileneutraltimelessbackdroptrimwall
#A5876D

Warm Bulb 2700K

Incandescent / soft white LED — pulls colour toward yellow/amber.

#88786D

Daylight 5500K

Midday natural light or daylight-spec LED — closest to the paint chip.

#938C91

Cool Bulb 6500K

Cool white LED / overcast daylight — pulls colour toward blue.

#EBEBEA

Trim

Matched off-white

Same hue at 92% lightness — trim reads coordinated, not stark.

#F7F7F7

Ceiling

Whisper tint

Near-white with a hint of the hero's undertone — ceiling feels intentional.

#4E6D82

Accent

Complementary punch

Hue +180°, slightly muted for paint vs. screen — use on a door, frame, or single piece.

#574738

Floor

Walnut neutral

Warm mid-brown grounds the scheme regardless of hero hue.

Brand · Product Line

Benjamin Moore / Regal Select Interior

Recommended Finishes

Eggshell (walls) · Pearl (trim) · Matte (ceiling)

Eggshell hides imperfections on main walls while keeping the color rich; pearl on trim adds subtle sheen and easier cleaning; flat matte on ceilings prevents glare.

Best Surfaces

Primary walls · Cabinetry · Doors · Mouldings

Coverage & Dry Time

Typical coverage 350-400 sq ft per gallon over a primed surface.

Touch-dry in ~1 hour. Recoat after 4 hours. Full cure 7-14 days.

Primer

Standard primer is adequate.

Application Tip

Use a 9" microfiber roller on walls and a 2.5" angled sash brush for trim cuts. Two coats minimum for even depth.

You'll need

4.0 litres

1.06 US gallons · room for one touch-up coat. Buy slightly more to ensure single-batch match.

CSS — color
color: #88786D;
CSS — background
background-color: #88786D;
CSS Variable
--color-mocha-magic: #88786D;
Tailwind v3 — config
colors: { 'mocha-magic': '#88786D' }
Tailwind — arbitrary
bg-[#88786D] text-[#88786D]
SCSS
$mocha-magic: #88786D;
Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

What color is #88786D?

#88786D is Mocha Magic, a mid-tone grey with a cool undertone.

Is #88786D warm or cool?

Mocha Magic reads cool, which influences how it interacts with surrounding tones and natural light.

What rooms work best with Mocha Magic?

Mocha Magic works well in living rooms, bedrooms, bathrooms. Designers typically use it for walls, soft furniture, hard surfaces.

What colors pair well with Mocha Magic?

Mocha Magic pairs naturally with white trim, natural wood, brass, soft black accents. Its complementary color is also a strong contrast option for accents.

Where can I download Mocha Magic?

You can download Mocha Magic on DSGN.HOUSE in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.

What's the hex code for Mocha Magic?

The hex code is #88786D. In RGB it's 136, 120, 109, and in HSL it's 24°, 11%, 48%.

← All colors