Cocoa Workshop color palette — #FFF0FB · #DCBCEB · #C98DA9 · #9E5B50 · #713A05
A conversation between Bronze and Walnut, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender (#DCBCEB): A whisper-light, dusty violet — the color of wild irises.
- Dusty Rose (#C98DA9): A luminous, balanced rose — the color of strawberry cream.
- Walnut (#9E5B50): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#713A05): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged 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
- Timeworn Garden color palette (#F1F5FF, #EDD4E5, #EB99BE, #A65A50, #5D3100)
- Antique Station color palette (#FFF1F3, #F6C0CB, #CA8E7F, #8F6530, #534D00)
- Quiet Terracotta Courtyard color palette (#F4F4FF, #DCB1D1, #AE718E, #963C49, #7B2D26)
- Ancient Rust color palette (#E5DCEB, #DD7BB5, #B8484B, #6F3B00, #2D2400)
- Linen Garnet Atelier color palette (#DAFFEE, #B5CFF8, #A590C4, #925B83, #792F3C)
- Ember Pier color palette (#F4D4FF, #E79AB7, #C4685D, #7A4D00, #3B3500)
- Patina Powder color palette (#F3F8E8, #C0B4EE, #B88188, #5D7757, #5A3F45)
- Blush Hollow color palette (#FFEDEC, #C981A6, #824623, #413434, #271F22)
Browse the whole catalog at Explore, or see today's palette.