Timeworn Bronze color palette — #FBF3EF · #DDDBD1 · #BEC2B3 · #9D644F · #4E4640

Walnut and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DDDBD1): bright and airy, almost weightless.
• Stone (#BEC2B3): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#9D644F): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#4E4640): quiet, heavy and certain.

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

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

• Timeworn Bronze color palette (#F6F0F3, #DED4D3, #C9B7B4, #9F6446, #32292E)
• Tempered Station color palette (#F8F5ED, #D3DFCD, #B9C0A7, #7D6900, #523C00)
• Tempered Harbor color palette (#FFF2EB, #C9B395, #898872, #785C6B, #654253)
• Antique Basalt Summit color palette (#FAF4EA, #B6B08E, #577F59, #6E5150, #4D4300)
• Bronze Basin color palette (#EBE0D9, #B5A794, #927E35, #592700, #200F03)
• Muted Fern Boulevard color palette (#EBEBE3, #B6BBAD, #83947F, #344E00, #21200F)
• Muted Apricot color palette (#F9F3F7, #E5D8D6, #B0C1D4, #DD9880, #4D454A)
• Muted Apricot color palette (#FFF3E5, #FFCDD1, #EF9D5E, #7D8E2E, #3F3A34)

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