Worn Cocoa color palette — #F4E9DF · #CBB79F · #9D907B · #593000 · #020100

A conversation between Cocoa and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F4E9DF): a clean, paper-quiet neutral.
• Stone (#CBB79F): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9D907B): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Softworn Courtyard color palette (#E9DFD7, #A29989, #7A7329, #471D00, #130600)
• Fern Pier color palette (#F0EFE1, #D0D3B8, #A3AA8A, #3B5800, #030300)
• Chalky Amber color palette (#E8E0D4, #E57A00, #AF7C00, #655700, #020100)
• Worn Olive color palette (#F3EDDD, #807E1F, #37510B, #102A0E, #000203)
• Tempered Bronze Field color palette (#F9F4ED, #CADDCC, #A5C0AD, #93701A, #231D14)
• Emerald Quarry color palette (#F5F7E7, #CFE2D2, #91C1CF, #429426, #252610)
• Worn Amber color palette (#FDF3E8, #DCDDCA, #93B8BF, #B68847, #39342E)
• Ancient Courtyard color palette (#EBE5DC, #C6B9A1, #9B9178, #503700, #020100)

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