Cocoa Field color palette — #F9EEF4 · #C3B372 · #843E1B · #3A1B2E · #12090E

Bronze takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sand (#C3B372): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#843E1B): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#3A1B2E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#12090E): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Muted Chestnut color palette (#E9F6EB, #CCAF70, #6F4F00, #352400, #060F07)
• Worn Mustard Hollow color palette (#FEF3EB, #DAC471, #A05E41, #48413C, #291F19)
• Frosted Corridor color palette (#F9EEF4, #DFA483, #008B5A, #9F4800, #001212)
• Amber Pier color palette (#E5EFE4, #B68F00, #583500, #221200, #000400)
• Fern Canyon color palette (#DDEDE9, #C69659, #2E5200, #102201, #000705)
• Bronze Field color palette (#EEF3EE, #CDDCDC, #A8C4CA, #8F6F35, #272E28)
• Olive Lantern color palette (#FFEEE2, #C5A967, #6D7D00, #1B560D, #00291C)
• Airy Olive Market color palette (#FFECF2, #C09446, #457B2C, #4F3970, #0C291B)

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