Cocoa Field color palette — #FBF4EC · #EACD9A · #95774F · #6A4400 · #312A21

Bronze takes the lead with Wheat close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#EACD9A): A whisper-light, dusty gold — the color of old brass.
• Walnut (#95774F): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312A21): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, 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

• Washed Chestnut color palette (#FCF4EA, #D4BC97, #745836, #3D3832, #262418)
• Ancient Jade Lantern color palette (#F8F5EC, #DBD398, #72AC73, #958E58, #2D2F28)
• Dusty Mustard color palette (#FEF4E0, #E5B31D, #7F6600, #483900, #221907)
• Bronze Canyon color palette (#EFE1CD, #946E00, #392800, #1B211A, #0A0500)
• Aged Moss color palette (#E8E6D1, #A99200, #3E4C00, #171E00, #030200)
• Marigold Studio color palette (#FDF4E6, #CBA555, #64AC90, #9B6B76, #413C36)
• Tempered Taupe color palette (#F0F8EF, #C7E8CD, #B9986F, #5B755A, #242F23)
• Muted Stone color palette (#FAF5E4, #B0C981, #70A173, #417887, #484841)

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