Timeworn Cocoa color palette — #EDD7E5 · #9A6B31 · #762805 · #4F021F · #1B1600

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

The five colors

• Shell Pink (#EDD7E5): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#9A6B31): A full-bodied, balanced gold — the color of old brass.
• Rust (#762805): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4F021F): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Wandering Lagoon color palette (#FBE7DB, #9C6230, #722A00, #480004, #0A0400)
• Bronze Pier color palette (#D7EAD6, #85770B, #603C00, #4B1100, #0E1A00)
• Quiet Terracotta color palette (#ECD9E4, #B87D4E, #9F3D00, #76080F, #211300)
• Garnet Summit color palette (#FCDEEA, #A99463, #835936, #6B2F2B, #13382D)
• Quiet Rust color palette (#F8D9DD, #C95116, #5F4400, #252900, #001C07)
• Powdered Rust color palette (#FAEDE5, #C69458, #C3582A, #8C3B4F, #1E1500)
• Weathered Olive color palette (#E6D9EB, #628925, #4D0023, #311D12, #1A0008)
• Frosted Harbor color palette (#ECE0EE, #BE4764, #004D14, #610024, #000500)

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