Timeworn Cocoa color palette — #F5E1FC · #E3A6AF · #B56A70 · #843B3A · #44263E

A conversation between Rust and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#F5E1FC): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#E3A6AF): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B56A70): A luminous, balanced red — the color of late-summer berries.
• Rust (#843B3A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#44263E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Hushed Driftwood color palette (#F8F2FF, #FAD3CC, #E7949B, #BB6D5F, #603C4F)
• Aged Drift color palette (#F1F0FF, #CBA9D1, #A770A5, #864576, #392C47)
• Hushed Pier color palette (#FFEBF8, #EAB9A8, #AD725E, #783320, #350E03)
• Patina Cabin color palette (#FAEDF7, #DEA299, #91A56B, #AF5045, #2A360F)
• Weathered Courtyard color palette (#FEDBEC, #D1A787, #B4814C, #774C00, #26402A)
• Tempered Rust color palette (#F8E5E4, #E86B56, #C13600, #7B2D00, #381600)
• Chestnut Thicket color palette (#F3DBCF, #CB8757, #8E5000, #5C3600, #342000)
• Chestnut Alley color palette (#EBF5EE, #A7C3B3, #6B8C76, #6D5423, #1C3128)

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