Cocoa Studio color palette — #FCF3EF · #D8D2B0 · #A06F68 · #6D3E38 · #352822

Cocoa and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Wheat (#D8D2B0): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A06F68): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#6D3E38): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#352822): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Tempered Veranda color palette (#FBF2F8, #D3BD90, #894A38, #473040, #2C2123)
• Wandering Harbor color palette (#FDF3ED, #F7DA9F, #C19183, #985B37, #342922)
• Pewter Basin color palette (#F9F5E8, #DEBE97, #77753B, #464515, #262112)
• Worn Lagoon color palette (#FBF2FA, #F5FCBB, #AC7573, #523F50, #20181F)
• Wandering Ember Study color palette (#FCF3EF, #F1C6B4, #69AD85, #C96E65, #2D2F28)
• Amber Canyon color palette (#EAE3D4, #B38B43, #544300, #221A00, #040200)
• Muted Pewter color palette (#FFF3E8, #E8AF97, #8B9A5D, #75629E, #4C4741)
• Taupe Drift color palette (#F9F4EF, #D9DBD5, #A8BAB4, #B9936F, #595148)

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