Worn Cocoa color palette — #FCF1FC · #B4B27C · #7E383D · #4F191E · #281D28

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

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sage (#B4B27C): A luminous, dusty green — the color of fresh herbs.
• Rust (#7E383D): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#4F191E): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#281D28): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Antique Chestnut Grove color palette (#F0F8EF, #BEAD81, #6D4916, #422700, #182617)
• Patina Chestnut Drift color palette (#FBF2F6, #A9C9B4, #7D5336, #4D2D3D, #302121)
• Aged Rust color palette (#FBF2F8, #EDB885, #A85747, #5F362E, #291D26)
• Straw Market color palette (#FFF2EE, #E2D983, #C87C83, #7D594E, #2D1D19)
• Sunlit Ridge color palette (#F7DBEC, #A89200, #662100, #320C00, #1D0616)
• Hazy Pier color palette (#FBF2F9, #DD9B95, #3E8133, #A72C2F, #0B2A26)
• Hazy Navy color palette (#E9FBE9, #C78664, #726D1A, #4A408A, #50333D)
• Amber Quarry color palette (#D5E2D8, #AC8634, #433400, #1D1500, #000A08)

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