Cocoa Studio color palette — #FFF2ED · #E0DCCE · #B6BCC8 · #D6A7CA · #75410C

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Ash (#B6BCC8): a calm mid-gray that lets other colors speak.
• Mauve (#D6A7CA): A luminous, dusty pink — the color of peonies in June.
• Bronze (#75410C): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. 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

• Gentle Celadon color palette (#FFF2EC, #DFE3C7, #9FF6A6, #E581B4, #613B03)
• Fern Veranda color palette (#FAF4EB, #E0DABD, #C5B58A, #B68666, #464D00)
• Taupe Studio color palette (#FDF1FA, #CCF2D3, #E6D6D6, #BF8C98, #5E4754)
• Weathered Lilac color palette (#FCF3EC, #E3B995, #70C8C3, #AA89CB, #423C37)
• Patina Drift color palette (#FBF4EE, #EBDDBB, #BE9573, #896446, #332921)
• Dusty Apricot Loft color palette (#FAF4EF, #FFD4B6, #63CCBB, #EA934E, #283124)
• Weathered Scarlet color palette (#FAEAD4, #A9D1B0, #4ECBB0, #CF4F49, #252400)
• Frosted Drift color palette (#FADFD4, #D5A463, #6FA766, #A82277, #150500)

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