Timeworn Cocoa color palette — #FFF1F3 · #ECB1C9 · #D58F8E · #A26C52 · #6A4300

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#ECB1C9): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#D58F8E): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A26C52): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6A4300): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Ancient Lagoon color palette (#FFF1F6, #DCB8E6, #C5829D, #9C5E69, #534B48)
• Timeworn Fern Canyon color palette (#FFF2ED, #EFB69A, #C49664, #84743F, #594F00)
• Weathered Balcony color palette (#F6F3FF, #EBD8D5, #FA9796, #A87153, #3F523E)
• Hushed Bloom color palette (#FFF2EB, #FDCDB4, #C88B7A, #935D44, #4F2B1B)
• Muted Pier color palette (#FFF2EA, #EEB59E, #6AC3BE, #BA7A5F, #3A5537)
• Patina Bronze Archive color palette (#F1DCDC, #E98A65, #B27000, #755700, #3B4500)
• Ancient Lagoon color palette (#FFF2ED, #DFDCCD, #B6BCC8, #BC959A, #773E14)
• Ember Harbor color palette (#FCE9EE, #E66E50, #AC5500, #6A4500, #2E2C00)

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