Cocoa Studio color palette — #F0F5FF · #C0B8E7 · #9F6F9A · #874959 · #723617

Bronze takes the lead with Coffee close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#C0B8E7): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#9F6F9A): A luminous, balanced pink — the color of peonies in June.
• Coffee (#874959): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#723617): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Weathered Villa color palette (#EEF1FF, #BFBBE3, #A974A1, #862E5A, #500718)
• Chestnut Meadow color palette (#FFF1F6, #D8ACC8, #AC7077, #814C22, #594900)
• Ancient Plum color palette (#FFF1F7, #F1C1CE, #C08EB6, #AA5077, #7A2A37)
• Dusty Periwinkle Cabin color palette (#F1F8E8, #94A5DC, #93687F, #276658, #55414A)
• Driftwood Chapel color palette (#FBF2F6, #E2D8D4, #A9AEA3, #987786, #594F54)
• Hushed Blush Pier color palette (#ECDFFF, #D07CAC, #9A4353, #6E3100, #443000)
• Mallow Canyon color palette (#FFF1F3, #D9DEFA, #E9B1EB, #D18D73, #61413E)
• Chalky Courtyard color palette (#ECDBF9, #BD4B8A, #92060B, #381E00, #0F1601)

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