Cocoa Workshop color palette — #FFE7E2 · #FFBCC5 · #EC9FA1 · #C48480 · #773B1B

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FFE7E2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ballet Pink (#FFBCC5): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#EC9FA1): A luminous, balanced red — the color of embers at dusk.
• Dusty Rose (#C48480): A luminous, dusty orange — the color of toasted spice.
• Bronze (#773B1B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged light, muted, warm.

Use it as a design system

One click turns Cocoa Workshop 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

• Sunlit Coral color palette (#F8E7FF, #F1A8B3, #C86970, #864541, #412D3D)
• Worn Taupe Field color palette (#FFEDED, #E9ADC5, #D48D8F, #A06354, #534C47)
• Hushed Cabin color palette (#FFF2EB, #FFD4C6, #EAAA94, #B77C6A, #582700)
• Antique Oat Basin color palette (#FFF2EC, #FFC5B8, #B5D295, #D99484, #4E4E46)
• Muted Veranda color palette (#FFF2EB, #DFDACD, #DCB3A2, #91B8B6, #7C4419)
• Chalky Tangerine Coast color palette (#FFE5E2, #FF9D8B, #FC6525, #C65400, #622D00)
• Hushed Loft color palette (#FCE5DF, #FF8451, #DB6800, #954D00, #482800)
• Antique Amber Drift color palette (#EEDDD0, #D37D00, #A96D00, #724F00, #2C1F00)

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