Cocoa Market color palette — #CFF7D1 · #88CAC6 · #6F9DB9 · #8D5E45 · #6A4805

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CFF7D1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#88CAC6): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#6F9DB9): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#8D5E45): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6A4805): A full-bodied, balanced 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

• Weathered Bronze color palette (#B0F1EA, #81C5ED, #8D91BC, #8C6523, #5B420C)
• Antique Celadon Dune color palette (#C7F4BB, #93CDC8, #77A694, #8D5C59, #683735)
• Ancient Chestnut Market color palette (#E8EDE0, #6CAEB5, #6387B1, #7A4E2B, #3D3933)
• Aged Bronze Orchard color palette (#E4FDE6, #B1D6CA, #AE92A1, #947933, #665000)
• Timeworn Cocoa Market color palette (#D6EDE5, #53A1BA, #5C689C, #634600, #262B00)
• Hushed Lagoon Grove color palette (#F6F8DE, #86CCAF, #009A98, #55734A, #034633)
• Chalky Lagoon color palette (#DAF3FF, #89A8EE, #9F6CA2, #61622D, #3C3C00)
• Periwinkle Cabin color palette (#B6F2FF, #9AD1EA, #73B1EF, #9076A1, #673E62)

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