Timeworn Cocoa color palette — #FFECED · #FFC4D4 · #E99C9C · #B38073 · #76430B

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFECED): A whisper-light, dusty red — the color of embers at dusk.
• Shell Pink (#FFC4D4): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#E99C9C): A luminous, balanced red — the color of late-summer berries.
• Caramel (#B38073): A luminous, dusty orange — the color of toasted spice.
• Bronze (#76430B): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Worn Atelier color palette (#FFF2EB, #EED8BB, #EDA795, #B07F6F, #5E2700)
• Weathered Petal color palette (#FFF1F5, #FAC2FF, #ECA3C4, #B88090, #554D4A)
• Terracotta Terrace color palette (#F6ECFF, #DFA3AF, #BF7477, #90483B, #452739)
• Weathered Tangerine color palette (#FFD3DD, #FFA29C, #FF7333, #BA6200, #573A00)
• Aged Glacier Corridor color palette (#FFF2ED, #FFC3C2, #7AD7EA, #D39695, #375541)
• Muted Cocoa Delta color palette (#FFF2EC, #DFDACD, #B7C5D2, #CCAD9C, #7A4315)
• Soft Drift color palette (#FFE5D8, #FFB367, #C99F31, #978B4C, #494840)
• Linen Orchard color palette (#FCD8CE, #E86F00, #AD7200, #705B00, #1D1D00)

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