Cocoa Field color palette — #EADCCB · #5E3E00 · #222E2A · #0B1100 · #050200

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

The five colors

• Bone (#EADCCB): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#5E3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#222E2A): a grounded near-black with real depth.
• Ink (#0B1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#050200): quiet, heavy and certain.

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

• Inked Garnet color palette (#F1DCD3, #860308, #313932, #170C00, #0B0000)
• Hushed Bronze color palette (#EEE5D9, #A16E00, #3A481F, #112212, #050003)
• Worn Parlor color palette (#E2E8D3, #006634, #3A494E, #001F21, #070B00)
• Cellar Courtyard color palette (#E2E2CF, #535C62, #1E3600, #0F1F1F, #000604)
• Faded Aubergine color palette (#E8F4DC, #446700, #590EBB, #5D0067, #0B1500)
• Feathered Atelier color palette (#F2E9D5, #5F8650, #005140, #4B0E4D, #082100)
• Muted Aubergine color palette (#FFE5E4, #9D6D6D, #724C28, #3E286E, #410D29)
• Patina Grape color palette (#ECE9D4, #617800, #553DBB, #323F00, #1B0052)

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