Solid Mocha Background #967969
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Mocha background details
With hex #967969 (rgb(150, 121, 105)), this versatile mid-tone orange tone sits around 21° on the color wheel. Its muted, powdery appearance reads as sun-washed and friendly on screen. Use the values and preview above to test it in the layout where it will actually appear.
Mocha Takes Its Name from a Port
Yemen's Red Sea port of Mocha shipped coffee to the world for centuries, and its name attached itself first to the beans, then to the chocolate-coffee drink, and eventually to this family of soft brown. At #967969 the color sits mid-strength: lighter than espresso, pinker than taupe, close to milk chocolate with a spoonful of cream stirred in.
It behaves like a warm gray in practice. Mocha grounds palettes built on cream, rose, and olive, works as a sophisticated backdrop for jewelry and ceramics photography, and reads far cozier in a dim interface theme than any neutral gray of similar depth. Coffee associations aside, its real job is warmth without saturation.
A palette that works with Mocha
Cream lightens Mocha the way milk lightens coffee, and dusty rose and olive pick up the pink and green undertones already hiding inside the brown.
Quick specs
- HEX
- #967969
- RGB
- rgb(150, 121, 105)
- HSL
- hsl(21, 18%, 50%)
- Readable text
- #FFFFFF
background-color: #967969;
Where Mocha shines
- Food & beverage photography needing appetizing undertones
- Mocha backgrounds in sports or fitness visuals for energy
- Event flyers where warmth makes typography inviting
Practical tips
- Both dark and light copy read well here—use weight/size to dial in emphasis (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Mocha background FAQs
Can I download a solid Mocha background?
Yes. This solid mocha background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Mocha?
Mocha uses HEX #967969 and rgb(150, 121, 105). You can copy both values from this page or adjust the shade before exporting a background image.
Is Mocha better for phone or desktop wallpaper?
Mocha is best when you want a more expressive wallpaper or design backdrop. Use the square and phone presets for social layouts, or the HD and 4K presets for wider screens.