Worn Cocoa color palette — #FAEFE8 · #C5B36C · #804122 · #3A200D · #150903

A conversation between Bronze and Gold, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAEFE8): bright and airy, almost weightless.
• Gold (#C5B36C): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#804122): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3A200D): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150903): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, 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 Summit color palette (#F7F1E7, #D8C090, #735E33, #34302A, #19130A)
• Worn Marigold color palette (#F9F2DA, #DA9A00, #505000, #222200, #0B0700)
• Chestnut Chapel color palette (#F8F0EA, #EA9F75, #00896C, #964F21, #091103)
• Worn Amber color palette (#FFEFDD, #C19433, #477A3E, #4B3C6D, #29220D)
• Aged Atelier color palette (#FFE2CC, #D3AF54, #6F7D18, #1D5426, #00291D)
• Amber Parlor color palette (#E5E2CB, #BC8000, #313F00, #0F1500, #020200)
• Patina Bronze color palette (#E7EBD8, #A66900, #00340F, #1A2527, #000B02)
• Feathered Amber color palette (#FFEEE3, #C8682E, #4E75B2, #38527B, #261609)

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