Tempered Bronze color palette — #F9F2FF · #F5D5C9 · #E7988B · #B16A3F · #5E3B47

Ochre takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#F5D5C9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#E7988B): A luminous, balanced orange — the color of autumn markets.
• Ochre (#B16A3F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5E3B47): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Hushed Apricot Lagoon color palette (#FFF2ED, #FFC3BD, #F6937E, #BE816D, #564F4B)
• Stone Garden color palette (#FEDBFD, #FAA29C, #B46D5F, #804E3E, #4A2F3F)
• Ancient Driftwood color palette (#F3F4FF, #FCD3E1, #E49DC4, #AB5E78, #654762)
• Chalky Apricot color palette (#FED6D4, #F6936A, #A96400, #5B4500, #1D1A00)
• Worn Amber color palette (#FFF0F8, #EEDBBE, #7ADEEA, #DD7D4C, #234C5B)
• Tempered Bronze color palette (#FFF0F9, #EBDFBF, #D3AE63, #968325, #245446)
• Pale Pier color palette (#FFF1F1, #FFBAA9, #EA7700, #8A5D00, #3C2E00)
• Soft Basin color palette (#FFEAE1, #C87D00, #816600, #343100, #0B1600)

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