Cocoa Studio color palette — #FCF3EB · #E7D7BF · #CAB197 · #A98B76 · #5B4400

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Bone (#E7D7BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#CAB197): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A98B76): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Timeworn Taupe Studio color palette (#F7E4D9, #E6B696, #D08971, #A36765, #342F2A)
• Aged Powder color palette (#FCF1FC, #9CC5FE, #DEA894, #A39B65, #463846)
• Antique Corridor color palette (#FFECCC, #D3CB7E, #BFA051, #AA7227, #333912)
• Pale Bronze Ridge color palette (#FFDFC8, #C49463, #B36533, #903D2C, #1F1400)
• Tempered Driftwood color palette (#EAE2D0, #B0B77F, #9F8F3A, #83662F, #1A2A01)
• Softworn Veranda color palette (#FAEEF2, #A8C4AB, #A3794E, #6F4B5F, #213027)
• Patina Bronze color palette (#EEE2D4, #9A7E16, #7F5600, #603100, #040400)
• Garnet Studio color palette (#F2F5FF, #DDD0FF, #CAA5D6, #B77DA9, #6F3049)

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