Cocoa Studio color palette — #FFE7F5 · #AD7A39 · #832E00 · #450018 · #020100

A conversation between Rust and Caramel, giving this palette its sense of optimism and balance.

The five colors

• Blush (#FFE7F5): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#AD7A39): A luminous, balanced gold — the color of old brass.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#450018): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

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 Chestnut Courtyard color palette (#FCDAEC, #BB9253, #92481C, #591422, #050400)
• Patina Moss color palette (#DCF7DB, #948820, #6A4500, #3F0F00, #010200)
• Washed Garnet Terrace color palette (#FAE7DA, #BB8150, #B14A09, #93030D, #130900)
• Aged Station color palette (#FFF2EB, #DEB463, #C05F00, #8B1D2C, #191A00)
• Aged Bronze Balcony color palette (#E3FDEC, #A7BC85, #897510, #653A0A, #001716)
• Mulberry Harbor color palette (#D8F2F1, #00733A, #8F0048, #4F0025, #000200)
• Driftwood Corridor color palette (#FFF0FA, #E8BF95, #B87763, #7A4653, #0E2719)
• Shadow Study color palette (#D1F4F9, #D6694A, #00332B, #070C0F, #000201)

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