Tempered Bronze color palette — #FFF2EF · #FF9E79 · #BE5D00 · #7C4900 · #3A2700

A conversation between Ochre and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FF9E79): A luminous, balanced orange — the color of toasted spice.
• Ochre (#BE5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#7C4900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A2700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Powdered Scarlet color palette (#FFEFF1, #FF9493, #E03600, #7D3100, #422100)
• Quiet Orchard color palette (#FFF3E8, #F1AB4A, #BC6300, #872900, #211700)
• Amber Cabin color palette (#FFE6E9, #FF8A82, #E17100, #8C6600, #3C3700)
• Powdered Marigold color palette (#FFE1CA, #FDAB1F, #A77A00, #665600, #272600)
• Gentle Alley color palette (#FFF3E8, #FFAB65, #0094E1, #9E5500, #002137)
• Dusty Amber color palette (#FFF3E4, #FFC065, #B77600, #603B00, #0A0400)
• Soft Ember Pier color palette (#FBD7D9, #EE3C29, #8C4300, #573500, #1E1600)
• Chartreuse Quarry color palette (#FFF3E8, #BBF109, #C4E2CD, #D9621F, #412C00)

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