Timeworn Cocoa color palette — #FFF2EC · #DFDBCD · #9ABAB3 · #D49DA4 · #663400

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Ash (#9ABAB3): A luminous, dusty teal — the color of glacier melt.
• Rosewood Mist (#D49DA4): A luminous, dusty red — the color of late-summer berries.
• Bronze (#663400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Antique Cocoa color palette (#FFF2EA, #D8F9C9, #DEDDCB, #DCA09B, #603700)
• Worn Cocoa color palette (#FFF3E4, #B9ECD6, #91C1D9, #C99774, #634600)
• Antique Bronze Courtyard color palette (#FEF4E1, #E0E0B2, #AC9D6C, #8C6123, #33322B)
• Muted Delta color palette (#F9DAAA, #C5B66D, #6E953A, #7B3400, #020100)
• Worn Thicket color palette (#FFF3E5, #DAA864, #47ACCA, #6E6AA3, #30210E)
• Antique Driftwood color palette (#FBECFB, #E8D4D2, #B6CD93, #976B96, #382730)
• Gentle Atelier color palette (#FFF3E9, #DDDECB, #E0E37F, #DE684F, #3E2400)
• Worn Lagoon color palette (#FFF0FB, #EAD4D2, #E7CB83, #9F6C76, #5B4751)

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