Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#6A4E3D
PANTONE 19-1325 TCX
COLOR GUIDE Warm-Neutral-Brown

Cocoa

Deep, Rich, Earthy
Hex
#6A4E3D
RGB
106, 78, 61
CMYK
0%, 26%, 42%, 58%
HSL
24°, 27%, 33%
ABOUT & ORIGIN

What is Cocoa? Where does the name come from?

Also known as: Coffee, Umber

Cocoa is a deep, rich brown with a subtle warm undertone. It sits between true brown and coffee, with a richness that makes it feel earthy and comforting. The color takes its name from cocoa, the raw form of chocolate, which has this distinctive deep brown color. Cocoa is slightly darker than coffee and has more earthy influence than mahogany. It’s also warmer than umber but cooler than chocolate brown. This is a brown that feels deep and earthy, like raw cocoa powder.

Designer note:

Cocoa is often confused with coffee or umber. Coffee is slightly lighter and more neutral, while umber is darker and more cool-toned. Cocoa’s main distinction is its deep, earthy quality, giving it a rich, natural feel that’s perfect for food and organic contexts.

MEANING SPECIFIC TO COCOA

Psychology of Cocoa

Cocoa is associated with earthiness, warmth, and natural richness. It’s the color of cocoa and natural materials, where its depth adds to the sense of organic quality. In psychology, cocoa tends to create a sense of grounding and comfort, but with a richness that feels natural. It’s often used in food and natural product branding, where its earthy quality adds to the appeal. The color also has associations with comfort and nourishment, adding a sense of warmth to its psychology.

Where you'll see it

• Food and beverage brands
• Natural and organic products
• Warm and earthy brands
• Home decor and interior design
• Traditional and heritage brands

🎨 COLOR HARMONIES USING COCOA

Find The Perfect Cocoa Color Palette

Cocoa Color Palettes

Complementary
#6a4e3d
#3d596b
Monochromatic
#9c806f
#836756
#6a4e3d
#513524
#381c0b
Triadic
#6b4f3d
#3d6b4f
#4f3d6b
Analogous
#6b3d59
#6b3d43
#6b4f3d
#6b663d
#596b3d
Shades
#5b4334
#4c382c
#3d2d23
#2f221b
Tints
#887164
#a6958b
#c3b8b1
#e1dcd8
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING COCOA

Tips & Ideas On Where To Use Cocoa

Interior & Decor

Cocoa works well in interiors, particularly in living rooms, studies, and spaces where a warm, earthy atmosphere is desired. It’s a popular choice for walls, furniture, and textiles in cozy and natural spaces. The color pairs well with cream, beige, and warm woods for a natural look, or with navy and gray for a more modern feel. In textiles, cocoa appears in leather furniture, wool rugs, and linen curtains, adding depth and earthiness to any space.

Best white to pair: #FFF5F0 - Soft Ivory

Fashion & Style

Cocoa is a rich, earthy 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 casual styles. It pairs well with cream, navy, olive, and rust. In accessories, cocoa bags, belts, and shoes add a rich, earthy touch to neutral outfits.

Design Tips

• Use cocoa for brands that want to convey earthiness and richness
• In interiors, it works well for warm, natural spaces
• Pair with cream, beige, and warm woods for an earthy palette
• In fashion, it’s a versatile color for autumn, winter, and classic pieces

ACCESSIBILITY

How To Use Cocoa For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Cocoa is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Cocoa is used on a light background.
Checking…
Cocoa As Background
White on Cocoa
Paragraph text on a Cocoa background - does it remain readable?
Checking…
Black on Cocoa
Black on Cocoa
Paragraph text on a Cocoa 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 Cocoa

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #6A4E3D
RGB 106, 78, 61
CMYK 0%, 26%, 42%, 58%
LRV 12

At a Glance

FamilyBrown
TempWarm
UndertoneNeutral-Brown

Pairs Well With

Cocoa #6A4E3D
Lightest Tint #e1dcd8
Darkest Shade #2f221b
Analogous Left #6b3d43
Analogous Right #6b663d
Complementary #3d596b