Cocoa Workshop color palette — #FFF2EE · #E0DACE · #DFB5B3 · #9EB3B2 · #773A1E

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rosewood Mist (#DFB5B3): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#9EB3B2): A luminous, dusty teal — the color of sea glass.
• Bronze (#773A1E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Antique Basalt Hollow color palette (#FFF3E4, #DAE2C7, #C1C0CA, #C3A182, #513D00)
• Bronze Market color palette (#FDF4E7, #DBDFC2, #C2AA8A, #A26D3A, #4E3D00)
• Driftwood Alley color palette (#FDF0FE, #E8D5D8, #E7B8B1, #9682A5, #5C4F5A)
• Timeworn Stone color palette (#FDF3EB, #F2B487, #6FBCCA, #737FAD, #36302B)
• Garnet Harbor color palette (#FFE5E1, #E89F77, #B28A3F, #781A42, #030000)
• Cocoa Hollow color palette (#FDF3EC, #DEE0CC, #A67B63, #6B3700, #241810)
• Muted Thicket color palette (#FFF2EB, #FBEBA6, #DEDACC, #E28190, #3F3834)
• Soft Lantern color palette (#FEE8B3, #D2DC73, #79BC83, #7A4D00, #050500)

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