Cocoa Field color palette — #FFF3E9 · #D5B777 · #7E3C00 · #2A1000 · #030100

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#D5B777): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7E3C00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#2A1000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): 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

• Mulberry Drift color palette (#FFF2EF, #D9B66A, #882847, #340013, #040000)
• Antique Hollow color palette (#FDF3EA, #EACC8E, #8F5300, #3C2000, #080300)
• Rust Study color palette (#ECDACF, #C4BD53, #C15312, #713517, #170600)
• Muted Marigold color palette (#F9ECDC, #C49B3E, #523500, #1D2622, #0E0600)
• Muted Villa color palette (#FEF3E8, #F4A953, #4C8900, #8C5500, #010100)
• Aged Orchard color palette (#F0DAE7, #9D9000, #622000, #250700, #050003)
• Worn Corridor color palette (#FAF4EB, #DDE6B6, #8E7231, #47360B, #150E04)
• Feathered Moss Alley color palette (#FFF3DB, #CABF63, #798A00, #114C01, #00190B)

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