Cocoa Study color palette — #FFEBF9 · #B1A2D0 · #8A6C8F · #734339 · #2A2A3C

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

The five colors

• Blush (#FFEBF9): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#B1A2D0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#8A6C8F): A full-bodied, dusty pink — the color of neon signs at night.
• Coffee (#734339): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2A2A3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged retro, muted.

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

• Sky Parlor color palette (#DCF9F9, #7FB2D7, #64799D, #574B6C, #1D2E3E)
• Pewter Courtyard color palette (#F1F0FF, #CDC6DD, #A095AA, #7C6570, #4A363C)
• Muted Fern Terrace color palette (#F6F7E5, #8AABD0, #846B98, #426436, #54414F)
• Muted Studio color palette (#FFECF3, #CB8597, #9B534F, #544500, #2D1B30)
• Iris Veranda color palette (#EAECFB, #8B74BB, #3A394C, #1C1D29, #0A0C12)
• Aged Balcony color palette (#E9F5F1, #ABCBC5, #5C8D89, #4D666F, #1C3733)
• Mulberry Workshop color palette (#FFEBF7, #BC6DCA, #9A3278, #612E00, #2E0C2C)
• Raspberry Harbor color palette (#EADCE4, #AB4FA2, #802152, #422400, #1E0216)

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