Muted Cocoa color palette — #E8EAFF · #9A79A3 · #7F4351 · #00453A · #002B30
Built around Coffee, softened by Heather — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E8EAFF): A whisper-light, dusty violet — the color of a velvet chair.
- Heather (#9A79A3): A luminous, dusty pink — the color of peonies in June.
- Coffee (#7F4351): A full-bodied, balanced red — the color of embers at dusk.
- Forest (#00453A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002B30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, 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
- Chestnut Orchard color palette (#F9E2FA, #B27881, #784628, #003D4A, #12203D)
- Iris Veranda color palette (#C6E5F6, #7B87BE, #674671, #063F34, #202C05)
- Hushed Atelier color palette (#FDEAE8, #9D6E71, #79453B, #3B3100, #141600)
- Blush Alley color palette (#F1E2FD, #CE83AE, #986354, #005863, #00424E)
- Softworn Cocoa color palette (#EEDEF2, #814D59, #5A3000, #002631, #0A0C23)
- Aged Driftwood color palette (#DCDFFA, #B490C0, #B5737D, #357565, #002C23)
- Aged Denim Orchard color palette (#EADCE4, #AF8AA3, #547557, #1E4A6D, #322D4C)
- Tempered Cypress Garden color palette (#E1ECFF, #B7B3CC, #96819A, #3A6A70, #3C4C67)
Browse the whole catalog at Explore, or see today's palette.