Cocoa Field color palette — #FFF2EB · #EBB699 · #CA976B · #947443 · #664800

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#EBB699): A luminous, dusty gold — the color of afternoon light on wheat.
• Camel (#CA976B): A luminous, balanced gold — the color of old brass.
• Walnut (#947443): A full-bodied, dusty gold — the color of old brass.
• Bronze (#664800): A full-bodied, balanced gold — the color of honey in a jar.

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

• Worn Chestnut color palette (#FFEEE9, #D7A493, #AB7437, #805F00, #504F47)
• Aged Taupe Grove color palette (#FFF4E1, #ECD5A6, #B79B64, #7E6838, #3C3832)
• Antique Amber color palette (#F1DFCC, #C49200, #8B7200, #505100, #2A3600)
• Driftwood Lagoon color palette (#FDF3E9, #E6BC89, #91B4E2, #AE834E, #5E425F)
• Marigold Quarry color palette (#FEF0FF, #FFCCBC, #EFA85C, #A38C4F, #31574A)
• Hushed Thicket color palette (#FFF3E4, #DAE1C9, #B1BBD0, #C29E82, #6A4C00)
• Weathered Meadow color palette (#FFF3E4, #CEAB75, #68B3B5, #A684B1, #5B3B00)
• Worn Moss color palette (#FDECC1, #B0C375, #779E47, #4D7F4B, #2C543C)

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