Cocoa Market color palette — #E0E3B6 · #72B6B0 · #5979A7 · #6E3C00 · #3C2511

Built around Bronze, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E0E3B6): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#72B6B0): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5979A7): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6E3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C2511): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Ancient Cocoa color palette (#F4EDD3, #7FB6A2, #4D7B69, #794117, #382213)
• Turquoise Field color palette (#D0E8C6, #61B5C2, #89728C, #704C47, #553B00)
• Chestnut Station color palette (#ECF7D7, #9DCAB2, #7A7FAF, #774D05, #3B3630)
• Dusty Grape Studio color palette (#CBF3ED, #67A9CB, #7052B5, #4E4400, #262000)
• Timeworn Cypress Veranda color palette (#F3F3E4, #75AE97, #007379, #3B4D27, #162009)
• Softworn Aqua Pier color palette (#BFEBDE, #84C9BF, #7491B2, #805869, #5A3A48)
• Aged Orchard color palette (#E6E7D0, #3E8D87, #08579C, #382800, #181000)
• Patina Quarry color palette (#F8F0EB, #9CD0E6, #497EBD, #005D4F, #321528)

Browse the whole catalog at Explore, or see today's palette.