Timeworn Cocoa color palette — #FFF2EC · #DFDBCD · #9ABBB4 · #D38F97 · #6F370B

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Ash (#9ABBB4): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#D38F97): A luminous, balanced red — the color of embers at dusk.
• Bronze (#6F370B): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Boulevard color palette (#FFF1F1, #E2D9D0, #AAB6B1, #CE9DDA, #5B3C38)
• Timeworn Chestnut Pier color palette (#FDF3EA, #DDE1CA, #AEC8DF, #E8B19F, #6F4C00)
• Ancient Moss Studio color palette (#EEDDC8, #BFBA8A, #6C964C, #703500, #020100)
• Worn Bronze Studio color palette (#FDF4E3, #E9DDB4, #AD9D6B, #866431, #33322B)
• Aged Archive color palette (#FFF0FB, #EADDC5, #DDC084, #876E8C, #57424D)
• Linen Apricot color palette (#FFF4E1, #D2FBC5, #82F1D7, #E28D20, #423700)
• Aged Cobalt color palette (#FDF3E8, #D9A967, #49AAD2, #6569B6, #332006)
• Patina Bronze color palette (#FEF3E9, #DCE4B7, #966D41, #522F00, #160E05)

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