Weathered Bronze color palette — #E8F3E7 · #867100 · #523500 · #230A00 · #000201

Walnut and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F3E7): a clean, paper-quiet neutral.
• Walnut (#867100): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Eclipse Corridor color palette (#FFDDF1, #9A652C, #662300, #2B0006, #020100)
• Bronze Garden color palette (#DCF5D9, #A18200, #6C4300, #3C1300, #010100)
• Ancient Bronze color palette (#E1FDEC, #ACBB76, #8A7500, #623D00, #001714)
• Timeworn Lagoon color palette (#FBDBEB, #BF9055, #984300, #610611, #000502)
• Twilit Parlor color palette (#CCE3F5, #005478, #5A3000, #001F03, #000103)
• Shadow Studio color palette (#E6F0FF, #A26F00, #00144D, #0A0814, #000107)
• Tempered Pier color palette (#DFE3C2, #BC6A00, #007CAD, #090C12, #000103)
• Washed Amber color palette (#E6FCEB, #D7D67B, #B68A00, #8D4D00, #003028)

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