Cocoa Field color palette — #EFE7DB · #604800 · #342B00 · #100E00 · #010100

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

The five colors

• Parchment (#EFE7DB): bright and airy, almost weightless.
• Bronze (#604800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#342B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#100E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Field 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

• Cellar Chestnut color palette (#FAE3D2, #805300, #3E3400, #161A00, #000905)
• Eclipse Fern Studio color palette (#D4F4E5, #4F5000, #00444B, #202000, #000102)
• Antique Moss Veranda color palette (#C6EEDE, #789D52, #457A47, #352F00, #010200)
• Olive Harbor color palette (#DAE5CE, #477A00, #185200, #002B0C, #001005)
• Smoked Denim color palette (#DBDCFE, #00668E, #006147, #040C0D, #000202)
• Muted Lagoon Meadow color palette (#D6F8E3, #009F77, #006953, #003E37, #001C19)
• Mustard Loft color palette (#EDE8D4, #B8A000, #756E00, #444700, #232E00)
• Pine Delta color palette (#CCEBBF, #77B172, #418D54, #005937, #003323)

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