Muted Cocoa color palette — #EBF8FA · #61A798 · #82638C · #784145 · #304A30
A conversation between Coffee and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF8FA): a clean, paper-quiet neutral.
- Turquoise (#61A798): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#82638C): A full-bodied, dusty pink — the color of neon signs at night.
- Coffee (#784145): A full-bodied, dusty red — the color of late-summer berries.
- Deep Olive (#304A30): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Antique Chestnut Coast color palette (#ECF7FE, #65A1BD, #995C66, #76461F, #384923)
- Cocoa Quarry color palette (#ECF8F7, #73A680, #6D6B96, #7B3F43, #54384D)
- Hushed Delta color palette (#DFFCFB, #B3D1DB, #8996A4, #7E6470, #485648)
- Wandering Pewter color palette (#ECF7FF, #86B9D8, #8884C0, #8D517C, #61342D)
- Softworn Mulberry color palette (#EAF5F1, #6FA3C6, #6F69A1, #6E345F, #421915)
- Antique Mulberry Coast color palette (#E3F5FC, #008791, #79376D, #433B00, #1A2B08)
- Cerulean Cabin color palette (#E4FAFF, #6EBCC8, #4795B3, #3A668B, #3F506A)
- Washed Lagoon color palette (#E2F6FC, #2D8C8E, #303E49, #1F2B2F, #0E161A)
Browse the whole catalog at Explore, or see today's palette.