Worn Cocoa color palette — #F6ECE2 · #D6CFC3 · #AEA68C · #6C4300 · #050200

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6ECE2): bright and airy, almost weightless.
• Oat (#D6CFC3): bright and airy, almost weightless.
• Taupe (#AEA68C): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): 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

• Wandering Basalt color palette (#E3E0D8, #BEBCA9, #919579, #433D00, #020100)
• Antique Ridge color palette (#F7EBE7, #DBCDC4, #BEA083, #94001E, #080100)
• Basalt Field color palette (#F1E7EA, #95B29D, #658879, #4F2F00, #200C14)
• Hushed Workshop color palette (#E6E2C5, #6B9D65, #005D3B, #471E00, #000200)
• Aged Bronze Delta color palette (#F7EEE6, #AEB2A2, #89A085, #A45D00, #1F1003)
• Pine Workshop color palette (#F4F6EE, #CEDED4, #AFC1AC, #007427, #0C0E00)
• Aged Grove color palette (#EDDDC4, #9D6B00, #404800, #001D35, #020100)
• Fern Drift color palette (#EEE4CB, #63626B, #5A4D00, #131B16, #040700)

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