Worn Cocoa color palette — #F9EEF6 · #B2B88A · #7D4235 · #421810 · #140811

Coffee takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Sage (#B2B88A): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7D4235): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#421810): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#140811): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn Cocoa 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

• Tempered Onyx Hollow color palette (#F4EFFC, #93C199, #6F4565, #3E1436, #0E0A15)
• Dusty Chestnut Workshop color palette (#ECF4EE, #C7B087, #685204, #312600, #050F08)
• Ancient Ridge color palette (#FFF2EC, #C4CB88, #A6584B, #62332B, #291F1B)
• Tempered Moss Chapel color palette (#F3D9E4, #AA9500, #5E3100, #251000, #060200)
• Weathered Villa color palette (#F7EFF2, #CED5D8, #A8BFC7, #996A2E, #33292C)
• Tempered Brick color palette (#F7EFF5, #E79D91, #00877C, #B02F23, #001115)
• Moonless Canyon color palette (#EBDAE3, #6F6B00, #2E382C, #361200, #070100)
• Bronze Basin color palette (#FFE5F7, #D5A277, #8D7B18, #2F5300, #002B22)

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