Cocoa Field color palette — #E9FCE6 · #00756D · #703900 · #423100 · #281706

A conversation between Bronze and Teal, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#E9FCE6): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#00756D): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#423100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#281706): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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 Denim Archive color palette (#E0FDF3, #00669E, #6A4200, #492C00, #211E02)
• Softworn Station color palette (#EAFBE8, #007076, #812944, #611930, #2B1D04)
• Emerald Courtyard color palette (#F1F8E7, #009D66, #A8451E, #694900, #232102)
• Denim Garden color palette (#FFEBD1, #0097A6, #524E9C, #563A00, #16382C)
• Worn Amethyst color palette (#FFF0FC, #6520FE, #4D5A00, #384200, #162506)
• Petrol Ridge color palette (#EFF8F2, #E7D6DC, #C1ADB7, #1B6F81, #333D37)
• Weathered Iris color palette (#FEF0FC, #7081DA, #815E25, #674D26, #343630)
• Moonless Chapel color palette (#D7F8EC, #00527B, #5B000F, #370006, #0B0900)

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