Cocoa Workshop color palette — #FCF2F6 · #9B90BB · #935B7E · #85382D · #563D14

A conversation between Rust and Pewter, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Blue Fog (#9B90BB): A luminous, dusty violet — the color of a velvet chair.
• Pewter (#935B7E): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#85382D): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#563D14): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

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

• Washed Harbor color palette (#F7F5ED, #999C6D, #876188, #7F3C3F, #5D3900)
• Chestnut Balcony color palette (#FFF2F0, #B07488, #964C27, #574600, #22411C)
• Dusty Bronze Canyon color palette (#FFF0F9, #CCBAC1, #AA8A91, #98573D, #6B4E00)
• Hushed Pewter color palette (#EBF5EC, #53ACB2, #8D5E8F, #5E4906, #2B2904)
• Aged Denim Bloom color palette (#FCE2F7, #A2AEDC, #7D83C8, #5B579D, #634353)
• Timeworn Pier color palette (#ECF7FB, #5BC3CC, #A878AD, #80642A, #274A41)
• Frosted Mulberry color palette (#FFF1F5, #9B59CE, #9F1061, #6F2200, #3E2D00)
• Sunlit Garnet color palette (#F3DADB, #964880, #831500, #3B2B00, #062700)

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