Muted Cocoa color palette — #F8E2FA · #8A5560 · #5E3513 · #00202B · #08061F
A conversation between Cocoa and Pewter, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F8E2FA): A whisper-light, dusty pink — the color of peonies in June.
- Pewter (#8A5560): A full-bodied, dusty red — the color of a theater curtain.
- Cocoa (#5E3513): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#00202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#08061F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, 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
- Wandering Onyx color palette (#F1E0DF, #7B5939, #383C11, #141842, #14021F)
- Worn Boulevard color palette (#ECDCE6, #9A6D4D, #674816, #143B01, #001709)
- Nocturne Chestnut Coast color palette (#EEDDD2, #8F4F00, #492300, #17201A, #120500)
- Cellar Brick color palette (#EEDEE3, #AE1A3C, #5C1500, #260F00, #070600)
- Midnight Cocoa color palette (#F7D8EB, #893000, #004658, #3C1000, #00070B)
- Cocoa Studio color palette (#F9E4DB, #682A00, #003A49, #121E38, #050100)
- Ancient Bronze Grove color palette (#F8D5DC, #B46C7D, #9E5614, #004E61, #000F19)
- Muted Navy color palette (#F7DCE1, #A27253, #5F5E31, #2E3462, #202146)
Browse the whole catalog at Explore, or see today's palette.