Cocoa Field color palette — #FAF4EE · #DED0B0 · #9C7353 · #704000 · #34291F

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Wheat (#DED0B0): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9C7353): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#34291F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Station color palette (#FEF2F0, #D4D4AB, #A06C7A, #6A3E4A, #342826)
• Bronze Courtyard color palette (#FCF3EB, #F3DBAA, #BB9675, #926129, #312A23)
• Worn Pine color palette (#F5F6ED, #EAB997, #587D52, #2E4B2A, #222315)
• Mustard Cabin color palette (#FEF4E3, #DFB456, #846400, #4B3700, #261800)
• Antique Amber color palette (#FAF4EF, #EBCAB0, #48ADAF, #C8733A, #243225)
• Marigold Orchard color palette (#E5DDCD, #C99C55, #625600, #302900, #110A00)
• Cocoa Ridge color palette (#FFF2EB, #D5B990, #6CA07C, #825F8E, #584500)
• Softworn Taupe Hollow color palette (#F8F5EF, #D7DCD6, #A7B6B5, #AA9B68, #575249)

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