Worn Cocoa color palette — #FCF3ED · #EAD5C0 · #D1AE93 · #B78477 · #604100

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Bone (#EAD5C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D1AE93): A luminous, dusty gold — the color of old brass.
• Caramel (#B78477): A luminous, dusty orange — the color of toasted spice.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Ancient Stone Courtyard color palette (#FEF1F7, #D8F8DA, #D3A287, #8B6F8C, #34433C)
• Washed Meadow color palette (#FCEDF4, #D7AEBC, #A17860, #675060, #223024)
• Bronze Lantern color palette (#FCECD8, #DAC694, #D59634, #BF6400, #3B370A)
• Hushed Moss color palette (#FAF2FA, #99C4F9, #D89379, #88923D, #2C3B2E)
• Cocoa Dune color palette (#FFE9D5, #AF8751, #A25800, #832C00, #100A00)
• Patina Olive Courtyard color palette (#E5E0CF, #97A773, #848020, #705600, #071C00)
• Softworn Bronze Grove color palette (#EDE1CD, #BEB372, #AB893E, #975B00, #232700)
• Dusty Ash color palette (#EDF8F4, #F2DAB5, #79A5C0, #4C7768, #222F2A)

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