Muted Cocoa color palette — #F8EBD7 · #7AA472 · #327C87 · #753D00 · #463500
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F8EBD7): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#7AA472): A luminous, balanced green — the color of fresh herbs.
- Teal (#327C87): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Bronze (#753D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#463500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Muted Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Aged Pier color palette (#DBE3CF, #0BABA8, #5471A1, #7B3E23, #523400)
- Antique Garnet color palette (#E9E1CE, #7BB069, #007D87, #822D38, #681C27)
- Hazy Emerald Pier color palette (#D5F4E4, #56A758, #006A5B, #494500, #09380D)
- Worn Corridor color palette (#EEDCD0, #BB9C6C, #2F8559, #792F3B, #612E00)
- Terracotta Field color palette (#D6EFF0, #008185, #A24300, #674600, #002A2C)
- Muted Cerulean color palette (#D6E8DB, #278A99, #4B537A, #2D3F00, #002B19)
- Worn Mulberry Lantern color palette (#CEE7D6, #6FC2B9, #008FB6, #8C3D7F, #6A212D)
- Aged Oat Canyon color palette (#E1FDF2, #AAD2D4, #7D97AB, #816776, #5F494B)
Browse the whole catalog at Explore, or see today's palette.