Tempered Bronze color palette — #FFF2EF · #E7D6CD · #E0948B · #AF694B · #4F4943

Built around Mocha, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E7D6CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#E0948B): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#AF694B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#4F4943): 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

• Blush Workshop color palette (#FCF1FF, #F0979D, #B66A5C, #8C5A48, #5F4250)
• Apricot Bloom color palette (#FFD6CB, #EE9052, #A96400, #664400, #2C2000)
• Ancient Bronze color palette (#FFF3E9, #FFDBB6, #DDB46A, #967A1B, #4E4B44)
• Coral Pier color palette (#FEF2EC, #EED7BF, #8FD9EC, #DE7A5D, #0D4F5C)
• Faded Amber color palette (#FFF2EF, #FFB39C, #E86F00, #985600, #4B3100)
• Antique Thicket color palette (#FEF3EB, #DEDCCC, #D6A1A3, #97B5BB, #734008)
• Amber Loft color palette (#FFEBDC, #C87E00, #765700, #403600, #0D0E00)
• Marigold Garden color palette (#FFF3E6, #FCD99A, #B89E37, #6C6D00, #3C4917)

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