Cocoa Studio color palette — #FEF3ED · #CAC197 · #824E44 · #5E2500 · #2C2316

Espresso and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Sand (#CAC197): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#824E44): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5E2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2C2316): 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 Studio 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

• Chestnut Market color palette (#F8F5EF, #D3BC9B, #6B5D35, #3C3832, #242617)
• Patina Cocoa color palette (#FDF3ED, #E6CE9D, #A26F5D, #743C12, #312A25)
• Timeworn Atelier color palette (#FBF3F0, #DDB7A5, #388F74, #AD493B, #2C2F29)
• Weathered Mustard color palette (#FFF3E8, #B4A339, #6D3800, #3D1D00, #191300)
• Sand Corridor color palette (#FBF2F9, #E0E3AB, #C38F89, #796676, #31282F)
• Antique Corridor color palette (#EADBCB, #A08B47, #4C2E00, #221200, #070500)
• Softworn Cocoa color palette (#FFF3E8, #CC9C7E, #68814D, #5D5080, #614100)
• Aged Bronze Orchard color palette (#F7EDD6, #A17008, #2F3940, #2E2700, #0C0900)

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