Tempered Bronze color palette — #F9F3F7 · #CFD9DA · #AFC0BF · #A75D41 · #50434B

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Stone (#AFC0BF): a calm mid-gray that lets other colors speak.
• Ochre (#A75D41): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#50434B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Drift color palette (#EFF8F2, #CBDEE0, #A0C5C2, #7D6900, #34443A)
• Antique Cypress Workshop color palette (#EDF8F1, #93B9AD, #567F5C, #655072, #2D4941)
• Bronze Meadow color palette (#DBEAD9, #9C6300, #1E392D, #152314, #190F10)
• Dusty Veranda color palette (#EBE1E6, #9EAEA0, #668879, #592700, #1E0E16)
• Muted Fern Balcony color palette (#EAF0ED, #BED1CD, #88A7A8, #5B5800, #20322A)
• Navy Workshop color palette (#E7FCE9, #CB8171, #816600, #38468E, #533142)
• Bronze Lantern color palette (#EBFAEE, #A7832F, #007463, #005259, #552343)
• Moss Bloom color palette (#FFF1F5, #FFD1D9, #EA9C59, #7F9408, #284A30)

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