Mocha Brown Color Palette
Mocha brown is a soft, warm brown, like coffee with milk, from pale latte to deep roast.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#EFE3D6
#C9A98B
#A47551
#7A5E4B
#4B352A
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #EFE3D6 | T - | T - | |
| #C9A98B | T - | T - | |
| #A47551 | T - | T - | |
| #7A5E4B | T - | T - | |
| #4B352A | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Mocha Brown CSS Code
oklch(92.18% 0.0218 69.77) oklch(75.55% 0.0557 64.98) oklch(60.16% 0.0778 58.05) oklch(50.52% 0.0467 55.57) oklch(35.09% 0.0368 47.64)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Mocha Brown palette?
Mocha brown is a soft, warm brown, like coffee with milk, from pale latte to deep roast.
How do I turn the Mocha Brown palette into a CSS gradient?
Use background: linear-gradient(to right, #EFE3D6, #C9A98B, #A47551, #7A5E4B, #4B352A);, or click "Make it a gradient" above to open it in the live generator.