Timeworn Cocoa color palette — #FFF3E9 · #C6C2A3 · #89A185 · #856B68 · #784212

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Pistachio (#C6C2A3): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#89A185): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#856B68): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#784212): 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

• Chestnut Balcony color palette (#FAF4EE, #CDC09D, #6F8A63, #8A5A21, #604A00)
• Dusty Vanilla color palette (#FDF6D5, #D3D9BF, #A3AE9D, #8D7D84, #5E4A4C)
• Patina Station color palette (#F2F1CE, #A8BAA0, #6A90B7, #825418, #544900)
• Worn Basalt Market color palette (#EBE1C5, #80AA8A, #497B90, #714A38, #523C00)
• Hushed Blush color palette (#F3F7EA, #81C196, #C97F9C, #45825A, #67423F)
• Aged Summit color palette (#DDF9EE, #9DD2CC, #749CA3, #666A81, #3F384C)
• Dusty Coral color palette (#F3F8E6, #72A77C, #C36B74, #9E5E3F, #42433C)
• Ash Ridge color palette (#FAF4F0, #C9E9E7, #749DC5, #3E7C6A, #614A5A)

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