Timeworn Cocoa color palette — #FFF2EA · #EBD5BF · #E2A68B · #AD887C · #5E4200

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#EBD5BF): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#E2A68B): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AD887C): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Wandering Boulevard color palette (#FEF1F8, #E7BDD0, #BE8F78, #89697F, #554149)
• Softworn Dune color palette (#EAF9F1, #6CD2F5, #D3B26F, #AC9765, #334139)
• Antique Apricot color palette (#FFEBD6, #E2C57A, #E48D05, #B26A50, #37352F)
• Washed Driftwood Coast color palette (#FAEEF4, #CFB2BD, #9C758C, #6B4D65, #213122)
• Worn Station color palette (#FAF2F9, #9FBDF4, #DA8DA1, #7C8C54, #2A3C36)
• Hushed Ridge color palette (#F0E2CF, #C2B35D, #BB8200, #9D5625, #2A2400)
• Antique Bronze color palette (#F8E5D8, #BF811C, #AA5100, #802C29, #0F0B00)
• Bronze Hollow color palette (#F3EDE0, #94AA56, #8E7D00, #7B5000, #161800)

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