Muted Cocoa color palette — #F6EFF7 · #AABB8B · #7B4149 · #40191F · #110912
A conversation between Coffee and Sage, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6EFF7): a clean, paper-quiet neutral.
- Sage (#AABB8B): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#7B4149): A full-bodied, balanced red — the color of late-summer berries.
- Espresso (#40191F): A deep, shadowed, dusty red — the color of late-summer berries.
- Ink (#110912): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Muted Stone color palette (#F1F0FF, #8DC1A3, #64496E, #27233C, #0C0A19)
- Ancient Cocoa Chapel color palette (#FCF1FA, #C0AC83, #773F3A, #49201D, #2B1C28)
- Muted Garnet color palette (#FDF3F0, #B9CD9A, #995E64, #652F36, #301C16)
- Wandering Chestnut Field color palette (#ECF5EB, #C2B283, #704D1E, #182D16, #070F07)
- Faded Field color palette (#F8E7F2, #9C9B00, #6E2000, #2C0800, #090100)
- Terracotta Chapel color palette (#F7EEF8, #E39EA3, #14896A, #A0404D, #001213)
- Weathered Amber Hollow color palette (#E8F7E7, #D0876E, #697130, #3E4073, #321A23)
- Weathered Field color palette (#E3F3E8, #B38424, #453700, #171100, #000201)
Browse the whole catalog at Explore, or see today's palette.