Worn Cocoa color palette — #F6EEE6 · #ACA494 · #8C8768 · #653900 · #120600

Built around Bronze, softened by Driftwood — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F6EEE6): bright and airy, almost weightless.
• Taupe (#ACA494): A luminous, dusty gold — the color of afternoon light on wheat.
• Driftwood (#8C8768): A luminous, dusty green — the color of fresh herbs.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Timeworn Garnet color palette (#EDE4E1, #B0A198, #96826B, #810E2A, #120604)
• Tempered Basalt color palette (#EADFE2, #B0BFB3, #7E998C, #563200, #040001)
• Patina Onyx Ridge color palette (#E6ECE5, #8F9E91, #5B7965, #3D2500, #020D02)
• Hushed Chestnut Alley color palette (#F6E7ED, #93ACA9, #739299, #934F00, #12040A)
• Patina Bloom color palette (#EEEEE5, #B0B8A2, #63A39B, #405D00, #161401)
• Weathered Ridge color palette (#F2EEE6, #DBD8CB, #B7BB9A, #8F6B12, #342D21)
• Misty Ember Quarry color palette (#EFE3CE, #F74800, #977300, #006633, #040400)
• Pine Pier color palette (#EDE6CB, #498543, #00523D, #4C1520, #000900)

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