Cocoa Studio color palette — #D0EDD5 · #9DCEEB · #BE9DB8 · #A6716D · #653900

Bronze takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D0EDD5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9DCEEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#BE9DB8): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A6716D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Cocoa Study color palette (#D2ECCA, #AFCFBA, #8CA9CE, #A57F78, #5F3525)
• Ancient Basin color palette (#DCEEE6, #DDB8D8, #C193A5, #AD7545, #53481F)
• Chestnut Lantern color palette (#CEEAFF, #8794C1, #7C6894, #7D4619, #201900)
• Cobalt Chapel color palette (#DDEDF4, #86ACC9, #6375AD, #6D3E38, #3D232E)
• Tempered Mallow color palette (#F8D7E7, #CAA0CE, #B98C85, #6F7947, #33342E)
• Bronze Orchard color palette (#F0EDCF, #AAC3A3, #758DB1, #7B681C, #4B4D1F)
• Worn Chestnut color palette (#D6FFF7, #A8D6D7, #77A5C2, #7D5E1D, #103F39)
• Muted Grove color palette (#FCF5E2, #C1D1A1, #87AC81, #798A6C, #36362F)

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