Cocoa Field color palette — #E8E1D8 · #ACA397 · #958462 · #603C00 · #110700

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E8E1D8): bright and airy, almost weightless.
• Taupe (#ACA397): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#958462): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#110700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Garnet Meadow color palette (#F3E9E5, #AFA19B, #9A8070, #850018, #170300)
• Wandering Balcony color palette (#E7F1E6, #ABC2AF, #809988, #543400, #000200)
• Aged Bronze Lagoon color palette (#F5EFE9, #A0998A, #7C7227, #412200, #120600)
• Softworn Fern color palette (#EFF0E6, #B3B7A5, #909A7E, #276200, #151501)
• Quiet Amber color palette (#FBEDD2, #BF8500, #927B00, #5B6600, #060500)
• Ancient Forest color palette (#F1EFDD, #647E50, #0C5409, #3A2800, #020800)
• Aged Forest color palette (#ECF2DF, #5E7B55, #295E40, #003541, #001423)
• Bronze Field color palette (#F8F5ED, #D7DBD2, #B7C4B0, #8D8300, #3D3A34)

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