Cocoa Study color palette — #FCF3ED · #BAAE83 · #76421B · #472307 · #221B07

A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sage (#BAAE83): A luminous, dusty green — the color of fresh herbs.
• Bronze (#76421B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#472307): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#221B07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Study 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

• Timeworn Alley color palette (#FBF4ED, #D3A37D, #2D8155, #8D4D00, #212714)
• Bronze Summit color palette (#FDF3EA, #E1BE8D, #9B622F, #5D3918, #292018)
• Softworn Amber color palette (#FBF6DF, #CB9744, #474D00, #252900, #0F1705)
• Worn Sand color palette (#FFF0F7, #EAD48F, #BA886A, #785868, #2B1D24)
• Deep Corridor color palette (#EBE4D2, #7C5700, #232F32, #181500, #030200)
• Aged Aubergine Garden color palette (#FFF3E7, #B49251, #47783D, #67347A, #3F3D36)
• Softworn Corridor color palette (#E1DFCA, #AE834C, #2A3D00, #101A00, #020800)
• Softworn Navy color palette (#F9F6E4, #7D8935, #2C816E, #2B4C9F, #34332C)

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