Cocoa Study color palette — #FDF3ED · #B2B285 · #774127 · #4E1D02 · #2A1F17

Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Sage (#B2B285): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#774127): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4E1D02): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A1F17): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Softworn Fern color palette (#F9F5E9, #C8A97E, #595315, #342F00, #1B1F12)
• Ancient Mulberry color palette (#FFF2F1, #95BA92, #743B59, #4B1835, #2E1C1B)
• Patina Courtyard color palette (#FBF3EE, #DAC18E, #9A623F, #643400, #2B1F15)
• Wandering Terracotta color palette (#FCF3EE, #DA9F83, #008175, #9C3F00, #1D2819)
• Softworn Amber Studio color palette (#F1E2D1, #AF8F00, #533300, #281600, #0A0900)
• Softworn Parlor color palette (#FFF0F9, #DFD98D, #C2836C, #76596B, #2B1D25)
• Weathered Aubergine Drift color palette (#FFF2EB, #BC8C67, #54753E, #643779, #403D36)
• Obsidian Chestnut Field color palette (#E9E0CB, #7E5600, #242F33, #191400, #030200)

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