Timeworn Cocoa color palette — #F5E9E0 · #C6B8A8 · #9B917C · #5D2D00 · #030100

A conversation between Cocoa and Gray, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F5E9E0): a clean, paper-quiet neutral.
• Stone (#C6B8A8): A luminous, dusty gold — the color of honey in a jar.
• Gray (#9B917C): A luminous, dusty gold — the color of old brass.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Garnet color palette (#EBE0DD, #CAB6AD, #A58C7B, #73002D, #040000)
• Onyx Balcony color palette (#EEE3E8, #8F9F8F, #7C7143, #442000, #14040B)
• Fern Field color palette (#F0EFE4, #CFD2BE, #A0AB91, #445500, #030300)
• Bronze Hollow color palette (#F2DDC8, #89802F, #455D35, #00223F, #020010)
• Soft Tangerine color palette (#ECE1D2, #FA6E00, #A66E00, #455800, #020100)
• Abyss Garden color palette (#E6E2D2, #67863C, #004A12, #360A00, #010100)
• Chestnut Chapel color palette (#EBE2CD, #905200, #383300, #000F18, #020100)
• Antique Bronze color palette (#FBF4EA, #DADDCE, #BBC4B3, #9C6C00, #271C0C)

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