Cocoa Field color palette — #F9F1E3 · #8EAFD3 · #78719F · #714720 · #382535

Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Mauve (#8EAFD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#78719F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#714720): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#382535): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, 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 Garnet color palette (#F9F1E3, #76B8BE, #517DA0, #803742, #1D3126)
• Ancient Cocoa Market color palette (#F7EFF6, #839EC5, #945E7A, #664500, #003022)
• Worn Turquoise color palette (#E8FAF1, #64B5CB, #796DA3, #5D5C2E, #3C4956)
• Petrol Garden color palette (#F5F1EB, #C7E3E6, #7F9ECB, #21768B, #472C40)
• Patina Iris color palette (#EAFAED, #99C2EF, #9286CE, #90643D, #3F4857)
• Plum Summit color palette (#FDF0DC, #B28BC0, #9D4D6C, #375000, #38161C)
• Grape Study color palette (#FFF0D8, #778ADF, #8632AC, #513A00, #1C123F)
• Cobalt Veranda color palette (#F6E9F3, #6F7FBB, #4A343E, #261A23, #0F0A10)

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