Cocoa Study color palette — #EAFCE2 · #C0E3DD · #BEAAC1 · #8E726C · #733A10

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

The five colors

• Honeydew (#EAFCE2): A whisper-light, dusty green — the color of a quiet forest floor.
• Silver (#C0E3DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#BEAAC1): A luminous, dusty pink — the color of peonies in June.
• Mocha (#8E726C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#733A10): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Cocoa Study 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 Driftwood Station color palette (#F8F7DC, #C1E4CC, #A5BCA7, #9F7582, #6C4745)
• Dusty Summit color palette (#DBFFF0, #FFDEFC, #CDA9B9, #A2683C, #6D4900)
• Powder Delta color palette (#FDEBFF, #AFB3E4, #A17883, #765736, #322E00)
• Washed Balcony color palette (#D7E0FF, #AB97CF, #996491, #594800, #182000)
• Weathered Atelier color palette (#D2F7FD, #98C7DA, #6C8BA8, #6A566F, #5A3F44)
• Tempered Cerulean color palette (#E0F8EC, #86BDC4, #6A8EAB, #446147, #243927)
• Pale Terracotta Veranda color palette (#DBFDFF, #9BD8FF, #7F93CE, #A04648, #4E2900)
• Washed Olive color palette (#F4F7EC, #C0E9D2, #8BA785, #727D38, #294100)

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