Timeworn Cocoa color palette — #FDF3EC · #DECFB2 · #A09E75 · #92747C · #634800

Bronze and Taupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Wheat (#DECFB2): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A09E75): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#92747C): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Fern Station color palette (#F9F5EC, #E5DEC1, #A5C08C, #7FA494, #5C4C00)
• Patina Veranda color palette (#FEF1F7, #C3E6F0, #A2B786, #84839C, #3B4B40)
• Weathered Driftwood color palette (#FFF1F3, #E1B2DF, #AEB87A, #A979A7, #4F4D46)
• Lagoon Corridor color palette (#EFF8F2, #AAC9BC, #5D8C81, #4B6A7F, #3B5349)
• Dusty Emerald Bloom color palette (#FFF3E3, #B5C378, #499A62, #83597C, #383F0C)
• Softworn Lagoon color palette (#FAF4EE, #CDE6EA, #CAA3BF, #569294, #674854)
• Mallow Archive color palette (#FFF1F3, #CD9ED0, #91B080, #569B7F, #513C40)
• Aged Market color palette (#FFF0FE, #BEC4FA, #AD94D1, #8D648B, #67433F)

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