Cocoa Market color palette — #DCF4E0 · #7AAAA1 · #54828A · #693F55 · #3A1A2F
A conversation between Cocoa and Onyx, giving this palette its sense of sophistication.
The five colors
- Honeydew (#DCF4E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#7AAAA1): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#54828A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#693F55): A full-bodied, dusty rose — the color of strawberry cream.
- Onyx (#3A1A2F): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication. Tagged vintage, retro, muted.
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
- Antique Denim Study color palette (#FDDCEE, #8CA393, #608465, #5D4373, #2E1E36)
- Chestnut Alley color palette (#CEEEDE, #A7C6C5, #6091A2, #7A4A55, #4A2F3A)
- Lagoon Workshop color palette (#C4EBEB, #7CAFB4, #3A878A, #405269, #3D364D)
- Garnet Summit color palette (#E2EDD8, #70A385, #007483, #751C28, #331A00)
- Ancient Pewter Canyon color palette (#E0FFDF, #C1D9C8, #87AE9C, #6F6796, #493259)
- Chestnut Orchard color palette (#BCEEEC, #81B6C4, #5A83A3, #7A4624, #333000)
- Softworn Onyx color palette (#CFEFD9, #5E8B80, #0B5B54, #4D1736, #2A0A00)
- Weathered Denim Workshop color palette (#C9E9EE, #5FA2B2, #4E5C8C, #573900, #192600)
Browse the whole catalog at Explore, or see today's palette.