Timeworn Cocoa color palette — #FFF2EE · #E0DBCE · #B6C1CE · #D1AA9F · #7A3D20

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#B6C1CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#D1AA9F): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7A3D20): A full-bodied, balanced orange — the color of toasted spice.

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 Meadow color palette (#FFF3E3, #C7F5D5, #A6DAC8, #D8A69B, #5B4700)
• Worn Fern color palette (#FEF4E4, #E1D9BD, #CAB28E, #A78C79, #4A4C00)
• Parchment Coast color palette (#FEF0FD, #CCF0D1, #E8D6D7, #B59FBC, #5C4C58)
• Mustard Archive color palette (#FBF4E9, #E2BD75, #7FC1DD, #65A3BE, #523700)
• Antique Celadon Studio color palette (#FFF2EC, #E1E2BF, #B0E896, #D48AB5, #5B3B1C)
• Bronze Ridge color palette (#FBF3EE, #E6E0B0, #BF937A, #955E2F, #322923)
• Weathered Taupe color palette (#FBF4EE, #FFD3BD, #7DC8BA, #D69C7C, #273123)
• Aged Grove color palette (#F8EEFA, #E9D3D3, #D6DAA9, #997A9A, #41343D)

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