Cocoa Field color palette — #F9F4EF · #E3CF9D · #9D7443 · #6C4300 · #312A23
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Wheat (#E3CF9D): A whisper-light, dusty gold — the color of old brass.
- Walnut (#9D7443): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
- Onyx (#312A23): 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
- Wandering Driftwood Ridge color palette (#F0F8EF, #C9DCCA, #9D805C, #364D35, #171D16)
- Muted Stone color palette (#EFF8EE, #DABB86, #785728, #2E3D2E, #1D2624)
- Tempered Amber Garden color palette (#F9F4EF, #ECCBA0, #57AF8C, #B0823F, #2C2F29)
- Timeworn Bronze color palette (#EDE0CD, #936E00, #3A2800, #1B211A, #0A0500)
- Softworn Marigold Basin color palette (#E3DECD, #CC9B47, #5B5800, #2C2B00, #100B00)
- Ancient Taupe color palette (#FFF1F5, #BFEACE, #B89875, #7F656D, #33282B)
- Teal Bloom color palette (#FFF3E8, #C8C084, #5EA37F, #7F6385, #514900)
- Washed Bronze Terrace color palette (#E2E9D2, #BB6E00, #004426, #001408, #010200)
Browse the whole catalog at Explore, or see today's palette.