Timeworn Cocoa color palette — #FFEFEF · #DB99A3 · #BA766C · #835139 · #714100

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFEFEF): a clean, paper-quiet neutral.
• Rosewood Mist (#DB99A3): A luminous, balanced red — the color of late-summer berries.
• Caramel (#BA766C): A luminous, balanced orange — the color of autumn markets.
• Coffee (#835139): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#714100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Bronze Bloom color palette (#FFF2EE, #E5A58E, #AA7648, #816130, #55524B)
• Wandering Chestnut color palette (#FFF2EB, #DFDDCC, #BBCCAD, #AC837C, #794412)
• Hushed Driftwood color palette (#FFE9ED, #E0A9CD, #AC6E89, #8C5057, #544C48)
• Tempered Bronze color palette (#FFF3E9, #F2C4AB, #A66F54, #704229, #4F2B18)
• Cocoa Basin color palette (#FFF2EB, #C28777, #4497A5, #4C7D98, #693008)
• Turquoise Boulevard color palette (#FFF2EB, #D8A191, #4DA8B5, #9D604F, #36553F)
• Gentle Delta color palette (#FFE9EC, #F16F57, #BC5200, #764400, #4C3A00)
• Bronze Market color palette (#FFE2D1, #CBA05D, #8E7900, #605E00, #384D24)

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