Timeworn Cocoa Loft color palette — #FFF3E9 · #C69F7C · #62815A · #5F507C · #5D4300

A conversation between Bronze and Graphite, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#C69F7C): A luminous, dusty gold — the color of old brass.
• Fern (#62815A): A full-bodied, dusty green — the color of fresh herbs.
• Graphite (#5F507C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Timeworn Cocoa Loft 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

• Softworn Veranda color palette (#FFF2EE, #A3AE7A, #328684, #714C64, #464D00)
• Cocoa Canyon color palette (#FEF4E0, #D79299, #8A743D, #425B7B, #6E360B)
• Petrol Terrace color palette (#FCF4E8, #CFBC8A, #849B6F, #4F6FA4, #584500)
• Aged Denim color palette (#E8F6EA, #BDAA75, #6B8057, #38527D, #153326)
• Hushed Harbor color palette (#FDF4E7, #B09361, #58719B, #574A7B, #583746)
• Ancient Archive color palette (#FFF2ED, #D4C2AA, #8F957B, #8A6965, #784310)
• Ash Basin color palette (#FBF3F0, #C9EBE3, #6BA2BB, #52795D, #604A60)
• Ancient Aubergine color palette (#FFF2EE, #AA8700, #007253, #651A7E, #323A01)

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