Timeworn Cocoa color palette — #FFEEE2 · #CBA280 · #9F653F · #733B0E · #2D2011

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

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#CBA280): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#9F653F): A full-bodied, balanced gold — the color of old brass.
• Bronze (#733B0E): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2D2011): A deep, shadowed, dusty gold — the color of old brass.

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

• Aged Chapel color palette (#F9F1E4, #CBB994, #948054, #774F05, #322B1A)
• Muted Chestnut Terrace color palette (#EFDCCF, #C08B63, #954F23, #652913, #251300)
• Timeworn Bronze Study color palette (#FFF0F8, #C2A078, #986448, #61485E, #2C4335)
• Worn Olive Field color palette (#F2E9CA, #9CA764, #716F00, #4F4300, #201D00)
• Patina Crimson color palette (#FFEAF2, #E194AA, #BF4B5D, #7B2929, #440700)
• Obsidian Chestnut color palette (#F3DCC6, #865600, #502C00, #2A1000, #030100)
• Aged Garden color palette (#F9EFF0, #D1A1CC, #AE526F, #8E4389, #180A08)
• Weathered Aubergine color palette (#FBEEF1, #E0A195, #6B3F80, #331C3D, #15080C)

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