Timeworn Cocoa color palette — #FFE2D1 · #8F6530 · #742B06 · #49001A · #040300

A conversation between Rust and Espresso, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#FFE2D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#8F6530): A full-bodied, balanced gold — the color of old brass.
• Rust (#742B06): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#49001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

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 Olive color palette (#F7E1C2, #757316, #5C3F00, #3F1500, #010500)
• Terracotta Ridge color palette (#FCE8DB, #AB7241, #9C3E00, #711D19, #060300)
• Rust Study color palette (#F9E2E8, #B5482C, #633B00, #262300, #000400)
• Aged Cocoa Bloom color palette (#F5E0C5, #948F49, #815700, #692400, #0A1B00)
• Olive Study color palette (#EFD9D7, #4C8624, #530033, #120008, #010201)
• Plum Loft color palette (#FCE9E6, #BB4270, #314F00, #6A0035, #020200)
• Tempered Garnet color palette (#FEE8D7, #B69A66, #9E6035, #7D3034, #252600)
• Eclipse Garnet Drift color palette (#EFD9D0, #8E2200, #003A43, #001F25, #01000E)

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