Timeworn Cocoa color palette — #EDE6EF · #D8C5D1 · #B49CA4 · #7B404C · #1A131B

Coffee and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Blush (#EDE6EF): bright and airy, almost weightless.
• Oat (#D8C5D1): A whisper-light, dusty pink — the color of a candy shop window.
• Taupe (#B49CA4): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#7B404C): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#1A131B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Chestnut Delta color palette (#F2E5EA, #C2D0C5, #8EABA0, #804200, #1E1117)
• Mulberry Thicket color palette (#F5ECEA, #D7C9C0, #AA9F8E, #84374B, #3A2926)
• Aged Garnet color palette (#F6EBF3, #C8A9B6, #7E9483, #74251A, #11070F)
• Worn Pewter Chapel color palette (#FFF2EE, #E0D9CE, #CBBFAB, #A16264, #281B16)
• Weathered Summit color palette (#F7D7DC, #BA8268, #726A2C, #22395D, #101E33)
• Weathered Bronze color palette (#E8F6ED, #C3DCDF, #9FC9C7, #7D6A0E, #1C2821)
• Muted Driftwood color palette (#EDF4ED, #CEDADA, #A5B1BA, #708B70, #333733)
• Muted Emerald Archive color palette (#DBEEE8, #44A36A, #006357, #502946, #001616)

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