Mocha Delight
#8e664e
Mid-light mocha beige for softer warm hierarchy
About Mocha Delight
Mocha Delight looks like a freshly pulled espresso sitting in a warm ceramic cup. It's a brown that's gentler than Leather, with less of that dry, worked-material feel, and it doesn't slip into the softer, creamier haze of Mocha Madness.
Compared to Cocoa, it holds a bit more warmth and stays more clearly "brown" than merely neutral, so it reads intentional rather than just composed. I use it when I need warmth without the red commitment Chivalrous Walrus brings, and when the UI needs card backgrounds and pricing panels that don't feel heavy. It shows up well in coffee and craft beverage packaging, hospitality booking flows, and automotive trim photography where you want midtone depth that still feels clean on screen. Pair it with oat creams, warm grays, and brushed brass, and it won't fight the highlights.
One quirk: because it's not as muted as Leather, it can feel slightly richer next to very gray neutrals, so keep nearby whites in the same temperature lane.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
