Cocoa Workshop color palette — #FFF1F1 · #FFD1CB · #E9AA95 · #B97B5A · #713C00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD1CB): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#E9AA95): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B97B5A): A luminous, balanced orange — the color of toasted spice.
• Bronze (#713C00): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. 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

• Bronze Boulevard color palette (#FFF1F2, #F3BDC4, #C38B7E, #98693F, #5B4500)
• Weathered Cocoa color palette (#FFF3E5, #F8C2B4, #D2A381, #7F9563, #6E3709)
• Ancient Apricot color palette (#FEEEE6, #F39D87, #A66C3F, #5D524C, #26201E)
• Dusty Quarry color palette (#FFF0FC, #FACDE7, #DEA7BE, #BC7A8A, #732B37)
• Feathered Archive color palette (#FFE2D9, #FFB589, #F48A00, #A26A00, #493300)
• Softworn Amber color palette (#EEDFD7, #EF9B4D, #C07D00, #825E00, #2C2200)
• Antique Stone Station color palette (#FFF3E8, #DCDBC6, #C9BBA0, #99A088, #4B5743)
• Dusty Mustard color palette (#FFEDCB, #E2CD89, #BAB25E, #828B3A, #364700)

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