Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#A0522D
PANTONE 18-1440 TCX
COLOR GUIDE Warm-Orange-Brown

Mocha

Rich, Warm, Coffee-toned
Hex
#A0522D
RGB
160, 82, 45
CMYK
0%, 49%, 72%, 37%
HSL
19°, 56%, 40%
ABOUT & ORIGIN

What is Mocha? Where does the name come from?

Also known as: Toffee, Sepia

Mocha is a rich, warm brown with a strong orange undertone. It sits between true brown and orange, with a richness that makes it feel like a warm coffee drink. The color takes its name from mocha, a type of coffee that has this distinctive warm brown color. Mocha shares the same hex code as Sienna (#A0522D), making them essentially the same color in digital design. Mocha is lighter than coffee and has more orange influence than toffee. It’s also warmer than chestnut but cooler than terracotta. This is a brown that feels rich and warm, like a mocha latte.

Designer note:

Mocha is often confused with sienna or coffee. Mocha and sienna share the same hex code (#A0522D), making them essentially the same color. Coffee is slightly darker and more neutral. Mocha’s main distinction is its warm, coffee-toned quality, giving it a rich, comforting feel that’s perfect for food and beverage contexts.

MEANING SPECIFIC TO MOCHA

Psychology of Mocha

Mocha is associated with warmth, richness, and comfort. It’s the color of coffee and warm beverages, where its depth adds to the sense of comfort and indulgence. In psychology, mocha tends to create a sense of warmth and grounding, but with a richness that feels comforting. It’s often used in food and beverage branding, where its warm quality adds to the appeal. The color also has associations with relaxation and daily ritual, adding a sense of comfort to its psychology.

Where you'll see it

• Food and beverage brands
• Warm and comforting brands
• Coffee and café brands
• Home decor and interior design
• Lifestyle and wellness brands

🎨 COLOR HARMONIES USING MOCHA

Find The Perfect Mocha Color Palette

Mocha Color Palettes

Complementary
#a0522d
#2d7b9f
Monochromatic
#d2845f
#b96b46
#a0522d
#873914
#6e2000
Triadic
#9f512d
#2d9f51
#512d9f
Analogous
#9f2d7b
#9f2d42
#9f512d
#9f8a2d
#7b9f2d
Shades
#8a4727
#733b20
#5d301a
#462414
Tints
#b37557
#c69781
#d9baab
#ecdcd5
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING MOCHA

Tips & Ideas On Where To Use Mocha

Interior & Decor

Mocha works well in interiors, particularly in living rooms, studies, and spaces where a warm, rich atmosphere is desired. It’s a popular choice for accent walls, furniture, and textiles in cozy and traditional spaces. The color pairs well with cream, warm woods, and gold for a warm, inviting look, or with navy and gray for a more modern feel. In textiles, mocha appears in leather furniture, wool rugs, and velvet cushions, adding warmth and richness to any space.

Best white to pair: #FFFFFF - Pure White

Fashion & Style

Mocha is a warm, rich color for fashion. It works well in autumn and winter pieces, appearing in coats, sweaters, and accessories where its depth adds to the overall feel. The color is also popular in classic and cozy styles. It pairs well with cream, navy, olive, and gold. In accessories, mocha bags, belts, and shoes add a warm, rich touch to neutral outfits.

Design Tips

• Use mocha for brands that want to convey warmth and richness
• In interiors, it works well for cozy, comfortable spaces
• Pair with cream, warm woods, and gold for a warm palette
• In fashion, it’s a versatile color for autumn, winter, and classic pieces

ACCESSIBILITY

How To Use Mocha For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Mocha is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Mocha is used on a light background.
Checking…
Mocha As Background
White on Mocha
Paragraph text on a Mocha background - does it remain readable?
Checking…
Black on Mocha
Black on Mocha
Paragraph text on a Mocha background with black text - does it remain readable?
Checking…
Not quite passing? Adjust shades until you get 4.5:1
Open Contrast Checker →
FREE COLOR TOOLS

Use Our free Tools To Find The Perfect Colors To Use With Mocha

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #A0522D
RGB 160, 82, 45
CMYK 0%, 49%, 72%, 37%
LRV 24

At a Glance

FamilyBrown
TempWarm
UndertoneOrange-Brown

Pairs Well With

Mocha #A0522D
Lightest Tint #ecdcd5
Darkest Shade #462414
Analogous Left #9f2d42
Analogous Right #9f8a2d
Complementary #2d7b9f