Worn Bronze color palette — #FFF1F0 · #FF9D78 · #B96700 · #694B00 · #302900

A conversation between Ochre and Melon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FF9D78): A luminous, balanced orange — the color of autumn markets.
• Ochre (#B96700): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#694B00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Muted Parlor color palette (#FFE6D5, #FDA822, #987C00, #5A5800, #1B2C00)
• Apricot Archive color palette (#FFE6DC, #FF8A3B, #D27400, #965B00, #422900)
• Cocoa Station color palette (#FFF3E7, #DEB555, #B46A00, #882700, #1A1900)
• Gentle Corridor color palette (#FFE8F1, #FF9FAC, #E22100, #873400, #361E00)
• Timeworn Atelier color palette (#FFF4DE, #FFC553, #A77200, #543C00, #100A00)
• Faded Marigold color palette (#FFF3E6, #FFAD3C, #0095DA, #945D00, #002135)
• Feathered Pier color palette (#FFF2EB, #FFC879, #B59000, #686800, #244000)
• Gentle Ember color palette (#FFF3E8, #BDECD2, #57F799, #E95148, #382600)

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