Cocoa Market color palette — #DEE9BD · #9DBE9D · #6E8FAE · #865C42 · #5F3A00
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DEE9BD): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9DBE9D): A luminous, dusty green — the color of a quiet forest floor.
- Slate Blue (#6E8FAE): A luminous, dusty blue — the color of deep harbor water.
- Walnut (#865C42): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#5F3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Aged Chestnut Harbor color palette (#D8E8D8, #8AB9D5, #A78497, #7F5D15, #563C00)
- Wandering Cocoa Veranda color palette (#D3E6E0, #69A2AD, #5F6F94, #5E401A, #3B2200)
- Hushed Glacier Lagoon color palette (#D4FFFF, #9DE1EC, #86A9D0, #806270, #4B303D)
- Wandering Bronze Terrace color palette (#E9FBEA, #B3D7CC, #B49FA8, #937B33, #515809)
- Aged Boulevard color palette (#FFF3E7, #C3B47C, #7A8753, #39705B, #38352F)
- Softworn Ash Garden color palette (#E9F7FF, #AEB8E2, #B07FB2, #5D7E4A, #34583B)
- Fern Harbor color palette (#D5EAFF, #C499B0, #996C87, #575B0C, #264022)
- Amber Harbor color palette (#DCF6E9, #54B5DC, #CB823D, #007DA2, #512A00)
Browse the whole catalog at Explore, or see today's palette.