Timeworn Cocoa color palette — #FCE5F1 · #9B6A31 · #732D00 · #500411 · #1D1500

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

The five colors

• Blush (#FCE5F1): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#9B6A31): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#732D00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#500411): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1D1500): 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

• Terracotta Atelier color palette (#FAE6F0, #B67E55, #9A4300, #6D1E00, #241100)
• Softworn Veranda color palette (#D8EBD9, #827733, #5D3F00, #421B00, #001C14)
• Driftwood Lantern color palette (#CCE6CE, #9D8F39, #795300, #602B00, #242E00)
• Nocturne Workshop color palette (#DDEFE4, #4F620F, #322C00, #1A0E00, #000500)
• Bronze Coast color palette (#E0F3F4, #B36302, #002F23, #151820, #000D07)
• Patina Canyon color palette (#D2F8F9, #006144, #7C0046, #4F002B, #001209)
• Bronze Corridor color palette (#FFF1F7, #92B094, #936748, #70443D, #284435)
• Midnight Navy color palette (#D7EEFE, #005071, #10008B, #3B0005, #010D00)

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