Timeworn Cocoa color palette — #F7EDF1 · #9CA99B · #748E7C · #6D3300 · #13040C

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

The five colors

• Blush (#F7EDF1): bright and airy, almost weightless.
• Taupe (#9CA99B): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#748E7C): A luminous, dusty teal — the color of glacier melt.
• Bronze (#6D3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#13040C): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Dusty Courtyard color palette (#E0E8E3, #98A9A3, #698F89, #4F4600, #000D05)
• Ancient Cocoa color palette (#F7ECE4, #C6B8A8, #9D9078, #5F2B00, #030100)
• Terracotta Study color palette (#E8E0DB, #A5A589, #808F73, #9D461A, #120601)
• Onyx Studio color palette (#EBE4E8, #8F9E92, #537A6E, #4A1A00, #0F060B)
• Antique Garnet color palette (#EEE8ED, #ADA0A8, #9E7A89, #85001C, #0F060E)
• Chestnut Veranda color palette (#E9EFEB, #B5CAC2, #84AFA7, #716000, #14231A)
• Aged Corridor color palette (#DAECE3, #6A7D49, #09540C, #530F00, #040700)
• Antique Fern Boulevard color palette (#FFECD8, #7F7547, #375D13, #003359, #0E0836)

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