Timeworn Bronze color palette — #F8EAE4 · #B66C5B · #543300 · #271B15 · #110B0A

Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F8EAE4): bright and airy, almost weightless.
• Mocha (#B66C5B): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#271B15): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110B0A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Bronze Bloom color palette (#F3ECE3, #A87906, #3D3C34, #251D10, #110B07)
• Aged Meadow color palette (#FEEBF9, #DE7C66, #4F5C4D, #3F343C, #242025)
• Cerulean Balcony color palette (#FFEFE0, #C39065, #3098CB, #7A6EA9, #312519)
• Charred Chestnut Coast color palette (#F0DECC, #794800, #353D34, #1E1A00, #0B0400)
• Aged Basalt Station color palette (#F4EDD6, #515D5D, #393900, #192322, #000901)
• Washed Parlor color palette (#FFECE3, #E8A991, #C27929, #77591F, #37342E)
• Washed Bronze Bloom color palette (#FBF0E5, #D5AA7F, #709DE2, #9D6216, #3C2A3C)
• Ancient Alley color palette (#F3F2EB, #C0C8A1, #4B927F, #79575B, #30322B)

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