Color Meaning
Mocha
Explore the hex code, RGB, HSL, CMYK and LAB values for Mocha, see how it looks for people with color vision deficiencies, and find color harmonies built around it.
Shades, tints, tones and hues built from mocha. Hover any swatch to see its hex code.
Shades
Tints
Tones
Hues
Check how readable text and graphics are against mocha. Adjust the text and background colors to see the WCAG contrast score update in real time.
High Contrast Sample Text
Strong color contrast improves legibility for everyone.
The Mocha color with the hex code #6D3B07 is a rich, warm brown shade inspired by the deep tones of coffee and chocolate. It symbolizes comfort, reliability, warmth, and sophistication while creating a sense of natural elegance and coziness. In color psychology, Mocha #6D3B07 is often associated with stability, earthiness, and a grounded personality, making it a popular choice for designs that aim to feel welcoming and refined.
Ready-made color scheme combinations built around mocha, from subtle analogous palettes to bold, high-contrast pairings.
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
See how mocha is perceived by people with the most common color vision deficiencies.
Mocha is a rich, warm brown color inspired by the deep tones of coffee and chocolate. The Mocha color is represented by the hex code #6D3B07 and is often associated with comfort, warmth, stability, and sophistication. It is commonly used in fashion, interior design, branding, and packaging to create a cozy and elegant visual style.
Mocha pairs well with colors like cream, beige, ivory, white, gold, black, and soft grey. These combinations enhance the warmth of the Mocha color while creating elegant, cozy, and balanced palettes. For a more earthy look, it also works beautifully with olive green, terracotta, and other natural tones.
To make a Mocha color, mix brown with small amounts of black, red, or yellow to create its rich coffee-inspired tone. You can add white or beige to achieve a lighter, softer mocha shade, or increase the brown and black for a deeper look. In digital design, the Mocha color is represented by the hex code #6D3B07.