Timeworn Cocoa color palette — #FFF1F1 · #D1BFB6 · #A3967F · #8B6873 · #7B4319

Bronze takes the lead with Pewter close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Stone (#D1BFB6): A luminous, dusty orange — the color of toasted spice.
• Taupe (#A3967F): A luminous, dusty gold — the color of honey in a jar.
• Pewter (#8B6873): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#7B4319): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Driftwood Delta color palette (#FFEDDE, #C6BA9E, #759151, #86585A, #77440E)
• Softworn Ridge color palette (#FFF3E6, #DFD2B8, #B1AF89, #748A83, #614C59)
• Muted Olive Studio color palette (#F6DECE, #BA997C, #7C762D, #6E445F, #663B26)
• Worn Oat color palette (#FFECF2, #B6D9C5, #82A098, #506578, #394155)
• Bronze Courtyard color palette (#FAF5E8, #B9B27E, #A989C4, #827300, #65414D)
• Worn Garnet color palette (#F0E0DB, #9A8757, #2F694C, #6C181F, #4A1E0F)
• Cypress Meadow color palette (#FAF4F0, #CBE6E7, #809AC4, #167F74, #654859)
• Antique Study color palette (#F7F8DA, #C6C69A, #718D56, #455604, #313E12)

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