Cocoa Studio color palette — #F0E4E9 · #B79CA5 · #748E77 · #693600 · #11050A

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

The five colors

• Rose Water (#F0E4E9): bright and airy, almost weightless.
• Taupe (#B79CA5): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#748E77): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#11050A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Workshop color palette (#F8EBF6, #B69CAD, #9C7B8D, #712B27, #0F060D)
• Softworn Fern Villa color palette (#E6F2EB, #8DADA1, #649185, #4B4700, #000D06)
• Cocoa Grove color palette (#F5E9EF, #B2BFB4, #7A9A90, #632800, #040002)
• Aged Balcony color palette (#E3DDD8, #A2A193, #888D6F, #994A00, #110601)
• Aged Chapel color palette (#ECE1E6, #939D92, #637669, #461E00, #11050B)
• Weathered Fern color palette (#DDE9E2, #AFCCBF, #8AADA3, #6D6200, #13231B)
• Amber Studio color palette (#DEF8DC, #E47100, #9F6900, #705D00, #040200)
• Washed Olive Study color palette (#F9EBC9, #7F781C, #425511, #00333C, #001820)

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