Cocoa Studio color palette — #FFF2ED · #E3E0BD · #B5CA92 · #956984 · #7A4117

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Celadon Mist (#E3E0BD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B5CA92): A luminous, dusty green — the color of new leaves after rain.
• Slate (#956984): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#7A4117): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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 Honey color palette (#FFF1F1, #E2D9D0, #D7C67E, #8979AE, #5E4843)
• Hushed Chestnut color palette (#FFF3E9, #DDE3CA, #96DBD7, #A67D74, #744901)
• Dusty Terrace color palette (#FCECD2, #B3C89B, #00BCAD, #944224, #37362F)
• Patina Rust Workshop color palette (#FFF3E3, #C9EB95, #28CAB7, #B14B48, #4E4B1C)
• Cerulean Thicket color palette (#F6F0D7, #80CFA6, #0094AA, #6F3900, #252804)
• Bronze Lagoon color palette (#FEF4E0, #ADA984, #85711D, #6E4826, #384300)
• Hazy Plum Cabin color palette (#FFF2EB, #E3C577, #00BF67, #B22670, #4F3400)
• Worn Stone color palette (#FFF0FB, #C0EFDA, #E9D5D2, #DDA4B5, #634858)

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