Muted Cocoa color palette — #F7EDD7 · #9EA077 · #687F66 · #6C4454 · #422019
Charcoal Brown and Taupe set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7EDD7): A whisper-light, dusty gold — the color of honey in a jar.
- Taupe (#9EA077): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#687F66): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#6C4454): A full-bodied, dusty rose — the color of strawberry cream.
- Espresso (#422019): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication. 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
- Cocoa Loft color palette (#E5DFBA, #93A37E, #447E8F, #75381D, #442205)
- Aged Stone Alley color palette (#F1EED1, #AEBF9C, #7B9385, #695048, #4F3025)
- Aged Courtyard color palette (#E9EFDE, #9BAA8F, #3A7F7C, #694D6B, #52354B)
- Ancient Archive color palette (#FCF0DE, #A0A477, #4A703E, #5E4000, #231C00)
- Lagoon Garden color palette (#E7E7C5, #4E916B, #12575C, #501927, #250006)
- Weathered Courtyard color palette (#D2F8F7, #6594AF, #78556B, #403B35, #2D1C00)
- Ancient Archive color palette (#C6E9D3, #93CAC1, #65939D, #786181, #533B56)
- Wandering Station color palette (#BDF6DE, #71B7C1, #687FB0, #684417, #362E00)
Browse the whole catalog at Explore, or see today's palette.