Timeworn Cocoa color palette — #F0DFE0 · #B58783 · #845A4F · #604007 · #32342D

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

The five colors

• Shell Pink (#F0DFE0): bright and airy, almost weightless.
• Dusty Rose (#B58783): A luminous, dusty orange — the color of toasted spice.
• Pewter (#845A4F): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#604007): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#32342D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Softworn Bronze color palette (#FFDAD8, #C6909C, #9E5C41, #745101, #474416)
• Weathered Driftwood color palette (#FEE9F1, #B8717F, #794A42, #463800, #2B2A00)
• Patina Ash color palette (#EAE6FF, #A78EB9, #81607F, #643932, #432F00)
• Basalt Boulevard color palette (#F8E3D7, #88603A, #513C00, #002B0F, #00170E)
• Muted Pewter Terrace color palette (#FCE3F8, #9C88B9, #924F61, #004E3C, #002328)
• Wandering Olive Thicket color palette (#FFF2EB, #D0B8A6, #9B8C7C, #727229, #435347)
• Wandering Forest color palette (#CBE3FE, #9CA8D0, #9D6691, #236B3C, #004145)
• Muted Quarry color palette (#E2E8CE, #589C78, #00644C, #004559, #232D08)

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