Timeworn Cocoa color palette — #FFF2F0 · #D899A5 · #AC6A6E · #884E4B · #793C1E

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Rosewood Mist (#D899A5): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AC6A6E): A full-bodied, balanced red — the color of embers at dusk.
• Coffee (#884E4B): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#793C1E): A full-bodied, balanced orange — the color of autumn markets.

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

• Antique Rust color palette (#FFF2EE, #D79FA3, #8D94C8, #A45861, #614157)
• Antique Cocoa Quarry color palette (#FFF2EB, #F4BFB1, #B07365, #743C30, #403935)
• Muted Alley color palette (#FFEBF1, #D2ADDB, #9F709F, #794C72, #654445)
• Aged Grove color palette (#FFF2EA, #E4AC88, #B37D4E, #805A2B, #544F48)
• Timeworn Blush Pier color palette (#FBF1FF, #FFC4CF, #FB929F, #C9817E, #61485C)
• Timeworn Cocoa Lantern color palette (#FFF2ED, #C6847C, #998953, #8C6793, #6A2E11)
• Wandering Amber color palette (#F4DCD3, #D17B43, #9D5400, #673C00, #4C2F00)
• Ancient Rust Orchard color palette (#FDE4E3, #FE6E5F, #C83300, #813200, #4C3400)

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