Tempered Bronze color palette — #FFEEE6 · #EEAE8D · #B87127 · #734F11 · #3A3630

Built around Ochre, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#EEAE8D): A luminous, balanced orange — the color of autumn markets.
• Ochre (#B87127): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#734F11): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3A3630): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Timeworn Coast color palette (#FFECE9, #EA9FA6, #C06059, #87503C, #3D3732)
• Muted Apricot color palette (#FEF0FF, #EB9983, #B77C46, #756435, #355548)
• Bronze Terrace color palette (#FFEFDA, #DBC394, #A88131, #65470D, #2B1B00)
• Dusty Periwinkle Loft color palette (#F9F0E7, #D4AA7F, #66A0E1, #97662D, #3B2A3D)
• Washed Lantern color palette (#FFEFDA, #C6B376, #8F8F1D, #596831, #383931)
• Seafoam Parlor color palette (#FDEFE0, #DAE4C0, #9FD3B8, #AA856A, #403C36)
• Faded Amber color palette (#EDE2D1, #BD9400, #776E00, #3D4500, #162400)
• Muted Olive color palette (#E9DFB0, #A7AE53, #5A8200, #2B6325, #2E3029)

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