Timeworn Cocoa color palette — #FBF3F0 · #DEDAD1 · #C2C0B3 · #B77E78 · #703418

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Bone (#DEDAD1): bright and airy, almost weightless.
• Stone (#C2C0B3): soft and architectural.
• Caramel (#B77E78): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#703418): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Muted Terracotta color palette (#F7ECE7, #C1B1A3, #A5927A, #8B3114, #200F05)
• Hushed Taupe color palette (#F9F3F8, #E4D7D8, #B6B9AD, #CE8982, #443D43)
• Antique Rust color palette (#FBF3F1, #DDDBD2, #BFC3AF, #A9595B, #52443F)
• Antique Bronze color palette (#FBF4EA, #D7DCCC, #B7C4AE, #AD7C00, #573900)
• Oat Dune color palette (#FFF2EB, #E0CAAF, #AEA385, #677E72, #5A455A)
• Amber Cabin color palette (#F3E1D3, #CA783D, #694500, #322D28, #1E1613)
• Muted Bronze color palette (#FFF4E2, #E59C8C, #AC7C38, #087178, #423C37)
• Hushed Mustard color palette (#FFF2EA, #F5D4C8, #FFB99D, #C6A73B, #56371A)

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