Timeworn Cocoa color palette — #F0E6C7 · #9DA57F · #3C878B · #7A444E · #6D3901

Bronze takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0E6C7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9DA57F): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#3C878B): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#7A444E): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#6D3901): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, 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 Dune color palette (#F8F8D6, #AEBFA5, #6E897B, #855854, #6D4800)
• Washed Denim Parlor color palette (#F7E5D9, #AE9F88, #64825B, #634F7D, #663445)
• Sunlit Meadow color palette (#D2F3DC, #6AA792, #007E98, #8D020D, #4F3400)
• Cocoa Delta color palette (#E0E9DD, #6EA3B5, #795971, #644800, #324413)
• Ancient Basin color palette (#FAF5E5, #9D9E77, #1E7450, #524D00, #36362F)
• Dusty Ash color palette (#D2E9C8, #A8C3A9, #61A0B1, #646892, #503843)
• Dusty Chestnut color palette (#ACFBEC, #7DB1C5, #6B7AAC, #745100, #3C5224)
• Muted Dune color palette (#F2EECC, #8F8F69, #256962, #67143C, #461700)

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