Cocoa

Neutrals

Cocoa Color

Cocoa is a rich, warm brown with the comfort of hot chocolate. It adds depth and coziness to palettes, making it a strong choice for coffee brands and rustic aesthetics.

Use it for text and accents on cream backgrounds for a cozy, readable palette.

cocoabrownwarmrichcozy

Colors that go with Cocoa

the signature look

The Cocoa Color Palette

Five colors built around cocoa — its tints, shades, and complementary partner.

pairing ideas

Colors That Go With Cocoa

Three ready-made combinations. Click any swatch to copy it, or explore the full guide.

Soft & Dreamy

A gentle, harmonious mix built from cocoa and its closest neighbors on the color wheel.

Bold Contrast

Cocoa against its complementary color and deep shades for a palette with real presence.

Fresh & Playful

A lively split-complementary combination that keeps cocoa as the star.

See the full Cocoa pairing guide

Shades of Cocoa

Darker versions, mixed toward black.

Tints of Cocoa

Lighter versions, mixed toward white.

color wheel magic

Color Harmonies with Cocoa

Complementary

Analogous

Triadic

Split Complementary

Tetradic

Monochromatic

readability check

Contrast Combinations

How cocoa performs as a background with common text colors, per WCAG.

White text

Ratio 3.75:1

AA Large

Black text

Ratio 5.61:1

Ink text

Ratio 3.86:1

AA Large

keep exploring

Related Colors

Stone

#D6D3D1

Porcelain

#EFE9E4

Taupe

#C4A484

Tan

#D2B48C

Off-White

#FAF9F6

White

#FFFFFF

Light Gray

#D3D3D3

Silver

#C0C0C0