Worn Cocoa Workshop color palette — #FFF2EE · #FFC2C3 · #EFA19C · #C18378 · #7D421F

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Shell Pink (#FFC2C3): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#EFA19C): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#C18378): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7D421F): A full-bodied, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Worn 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 Lantern color palette (#FFF2ED, #FFC4BC, #C5BFF4, #E09086, #614253)
• Coral Bloom color palette (#F8E0FD, #E59FA6, #CA6B6C, #884E46, #442C3D)
• Wandering Mallow Canyon color palette (#FFF1F4, #F1C6F2, #DCA3D3, #B17C9E, #684746)
• Softworn Cocoa color palette (#FFF2EA, #F0D8B9, #EAAB93, #AC7762, #582800)
• Aged Cocoa Lantern color palette (#FFF2EA, #DEDACC, #D7B1A0, #A6B9D5, #77430E)
• Frosted Tangerine color palette (#F5D6D1, #FFA68A, #FF762E, #C05A00, #683400)
• Hushed Stone Grove color palette (#FFF2EB, #F6B6A1, #C6C182, #CC9DC4, #48413D)
• Dusty Amber Pier color palette (#FEEAE4, #F28647, #CC6700, #905100, #462900)

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