Timeworn Cocoa color palette — #F2EAE4 · #C1B7AE · #9E8B72 · #6C3200 · #291C12

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

The five colors

• Cream (#F2EAE4): bright and airy, almost weightless.
• Stone (#C1B7AE): soft and architectural.
• Caramel (#9E8B72): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C3200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#291C12): 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 Timeworn 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

• Tempered Garnet color palette (#F2E9E7, #C3B5B1, #A3877C, #810039, #2C1A17)
• Hushed Bronze color palette (#E6DED3, #B3A896, #987B35, #4D3100, #1D1103)
• Antique Terracotta color palette (#E7DDE3, #BBC9BA, #86B09A, #9D4000, #281B22)
• Fern Boulevard color palette (#EFEFE7, #CCCEBF, #9DA48B, #3C6100, #302F1A)
• Antique Market color palette (#F0DCC3, #E2843A, #A46E00, #615600, #241700)
• Worn Station color palette (#F9F4EF, #DBDBD2, #C0C1B2, #A2641F, #4E463F)
• Dusty Forest Terrace color palette (#EEF2D9, #8C8A61, #28653A, #00434D, #162543)
• Antique Brick Boulevard color palette (#F6DED3, #A50C13, #493100, #260056, #260019)

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