Cocoa Studio color palette — #ECE7ED · #D4C7CE · #99A89C · #7F3D4B · #1B121C

A conversation between Coffee and Taupe, giving this palette its sense of sophistication.

The five colors

• Blush (#ECE7ED): bright and airy, almost weightless.
• Oat (#D4C7CE): a calm mid-gray that lets other colors speak.
• Taupe (#99A89C): A luminous, dusty teal — the color of sea glass.
• Coffee (#7F3D4B): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#1B121C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Aubergine color palette (#E9E8F0, #D0C8D3, #B49BAC, #733981, #161421)
• Aged Chestnut Terrace color palette (#F9EEF2, #C4DACD, #82B8AE, #854A00, #28111C)
• Ancient Station color palette (#F3ECF3, #D2C9CF, #B099A3, #952439, #362837)
• Weathered Dune color palette (#EDE4EB, #C3ACB4, #759685, #732520, #110710)
• Hushed Delta color palette (#FCF3F0, #E1DAD0, #CBC2A9, #AB5A62, #2C1913)
• Patina Veranda color palette (#EEEAFF, #A88AAB, #78673C, #373458, #1A133C)
• Timeworn Lagoon color palette (#E0F4EC, #599F75, #00625F, #4E2B45, #001616)
• Bronze Terrace color palette (#EAF5EE, #CAD9DD, #A8C6C8, #7D6A00, #142A1E)

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