Mocha
An earthy, matte, and grounded warm neutral
Mocha is a dusty, desaturated orange that leans into earthy, matte warmth. This muted tone provides a stable foundation for UI layouts, as it offers enough contrast for black body text to remain accessible. While it can feel slightly muddy if used in isolation, #9d7651 works well as a grounding neutral when paired with rich teal or soft cream accents. The hex code for this color is #9d7651.
Questions about Mocha
What is the hex code for Mocha?
Mocha is #9d7651. In RGB that is rgb(157, 118, 81), in HSL hsl(29, 32%, 47%) and in CMYK 0%, 25%, 48%, 38%.
How should I use #9d7651 in a UI layout?
Use #9d7651 as a grounding neutral for backgrounds or large sections where you need warmth without overwhelming the user. It pairs exceptionally well with teal or soft cream accents to create a balanced, professional, and accessible interface.
Is Mocha readable on white or black?
Mocha has a 4.08:1 contrast ratio on white and 5.14:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.