Weathered Bronze color palette — #FBF4EB · #D9DBCD · #C6BC97 · #915E00 · #593700

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Bone (#D9DBCD): a clean, paper-quiet neutral.
• Sand (#C6BC97): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#915E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Pewter Corridor color palette (#F7F5EF, #D6DED4, #B6C5BA, #727A45, #4A483E)
• Timeworn Bronze Field color palette (#F7F0EA, #D6DDC4, #BFC2A9, #905E2D, #2E2216)
• Worn Chestnut color palette (#F2EEE7, #D3CCB9, #A6A27E, #6D4F00, #342D21)
• Timeworn Olive Corridor color palette (#E0E0D4, #A8AC95, #6E8A4A, #2B3F00, #161403)
• Pine Loft color palette (#F8F6E6, #7EB27D, #007D54, #793F10, #3A3B34)
• Timeworn Fern color palette (#F5F6EB, #CFD5C4, #78B5A6, #296C00, #33332D)
• Frosted Amber Alley color palette (#FFF4E2, #B68000, #596800, #00477C, #413400)
• Quiet Denim color palette (#FFEAC1, #AFB87D, #578861, #3F5C96, #544170)

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