Timeworn Cocoa color palette — #FCEAF3 · #92683B · #6C3000 · #460700 · #090400

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

The five colors

• Blush (#FCEAF3): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#92683B): A full-bodied, balanced gold — the color of old brass.
• Rust (#6C3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#460700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Field color palette (#DBF8E0, #82711A, #583F00, #351C00, #050600)
• Tempered Grove color palette (#F7DEE8, #AA7C3E, #804300, #541E08, #001305)
• Frosted Lagoon color palette (#FBE0EF, #CE915A, #9F532B, #772119, #281900)
• Muted Bronze Boulevard color palette (#FFECF3, #95B597, #916C4D, #623F55, #15271C)
• Dusty Ridge color palette (#D0EEF1, #00614C, #65216C, #50000C, #000302)
• Ancient Field color palette (#E6F7EC, #9FC5B4, #6A8C77, #485F49, #1D312B)
• Dusty Navy Balcony color palette (#CFE4E7, #008C79, #083998, #004037, #000105)
• Petrol Grove color palette (#CEEFEE, #008092, #004E69, #002347, #010023)

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