Cocoa Studio color palette — #EAF6EB · #97B3A1 · #8D7040 · #6C4015 · #0E281E

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EAF6EB): bright and airy, almost weightless.
• Sage (#97B3A1): A luminous, dusty teal — the color of sea glass.
• Walnut (#8D7040): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4015): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#0E281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Cocoa color palette (#FFEBF6, #C79EAE, #986850, #733830, #122915)
• Chestnut Station color palette (#D6E5D9, #79A48D, #7D600F, #593500, #001E15)
• Bronze Atelier color palette (#FDF4E8, #ADAA7B, #936A25, #6F4535, #414000)
• Bronze Harbor color palette (#FFDFEA, #BF9959, #985A0C, #702C00, #231B00)
• Tempered Chestnut color palette (#EBFAEC, #BDE9D3, #B7986A, #915B45, #1A3832)
• Softworn Fern Veranda color palette (#E9F5F1, #C8B07F, #4C5D1C, #212C00, #02100C)
• Weathered Balcony color palette (#D8EFD8, #9B8444, #734C00, #4D2500, #110F00)
• Washed Lagoon Studio color palette (#C5F7D3, #7EBEA8, #00857F, #00575F, #002736)

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