Cocoa Market color palette — #EFE6EB · #D7C6CD · #94AB96 · #7D422C · #1D1219
A conversation between Coffee and Sage, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#EFE6EB): bright and airy, almost weightless.
- Oat (#D7C6CD): A whisper-light, dusty rose — the color of pressed rose petals.
- Sage (#94AB96): A luminous, dusty green — the color of fresh herbs.
- Coffee (#7D422C): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#1D1219): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Market 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
- Softworn Terracotta Meadow color palette (#F4EDE9, #D4CAC0, #AB9F87, #8A371E, #382A23)
- Washed Ridge color palette (#EBF5EE, #BFDBD0, #82B8AE, #6B5A00, #0B1F14)
- Cocoa Quarry color palette (#F0E6EA, #A4BAA7, #7A9587, #643700, #12070B)
- Softworn Meadow color palette (#FDF1FA, #C5E3E6, #A9CBCB, #AD5C4B, #271924)
- Muted Driftwood color palette (#FFEBDE, #A48B53, #5E6734, #1D3D53, #0F1B33)
- Fern Canyon color palette (#D6E7DB, #8E9448, #3C6200, #4A2D48, #00170F)
- Softworn Pewter color palette (#EEF4ED, #CEDAD8, #A9C3C4, #607E60, #272F26)
- Dusty Spruce color palette (#D5E1DD, #7C938F, #497473, #272E00, #000201)
Browse the whole catalog at Explore, or see today's palette.