Cocoa Field color palette — #FCF3EF · #E0E1CD · #AF756A · #6E3312 · #251812

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E0E1CD): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#AF756A): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#6E3312): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#251812): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Ancient Bronze Drift color palette (#FAF5E9, #FBE3B0, #857631, #433800, #160E01)
• Timeworn Marigold Workshop color palette (#F9ECD8, #C29C48, #4D3800, #1D2724, #0C0700)
• Washed Coral color palette (#FCF3F0, #E6E0B4, #D18787, #856459, #342825)
• Ancient Chestnut color palette (#FEF3E6, #E8CC92, #865902, #382300, #070300)
• Muted Stone color palette (#F6EFF7, #C0CA94, #725674, #3B2A3C, #191119)
• Softworn Taupe color palette (#FDF4E6, #F6D7B1, #A2A86B, #47789D, #543A00)
• Worn Cobalt Alley color palette (#FFF2EC, #ECB4A3, #68C0B7, #5885B8, #37302C)
• Petrol Orchard color palette (#FCF3EC, #E3B29A, #3B9E9D, #4F659F, #362120)

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