Tempered Bronze color palette — #FFF1F1 · #F3BAC4 · #D0867C · #9F6326 · #56524B

Built around Ochre, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Ballet Pink (#F3BAC4): A whisper-light, dusty red — the color of a theater curtain.
• Dusty Rose (#D0867C): A luminous, balanced orange — the color of autumn markets.
• Ochre (#9F6326): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#56524B): a grounded near-black with real depth.

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

• Muted Cocoa Field color palette (#FFF2EB, #D9C7B4, #B7927D, #936860, #5C4300)
• Hushed Ember color palette (#FDF0FF, #E49B9A, #C26952, #8D593B, #674956)
• Timeworn Alley color palette (#FFF0F7, #DDBCE9, #C986B1, #A75867, #544D49)
• Amber Harbor color palette (#FFE4E3, #DE7351, #A25E00, #6A5100, #293100)
• Patina Amber Boulevard color palette (#FEF3EB, #E7B9A0, #74BED0, #D06E33, #335641)
• Pale Olive color palette (#FFEEE1, #DCB87E, #AB8F20, #5A7B11, #2A5736)
• Sand Summit color palette (#F8E7FF, #B6DDFF, #FFB88E, #604A00, #40362E)
• Frosted Villa color palette (#F2E7DA, #BEA300, #798500, #006827, #003F32)

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