Tempered Bronze color palette — #F9EEF3 · #CFDFDB · #AAC7BA · #A54F00 · #311E28

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

The five colors

• Blush (#F9EEF3): a clean, paper-quiet neutral.
• Silver (#CFDFDB): bright and airy, almost weightless.
• Stone (#AAC7BA): A luminous, dusty teal — the color of sea glass.
• Ochre (#A54F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#311E28): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Antique Brick color palette (#F8EEF7, #E1D2D2, #AEC7AF, #C21F38, #2D202C)
• Patina Bronze Harbor color palette (#FEF1F6, #E6D5D2, #A9C5AC, #9E5500, #4E3842)
• Bronze Chapel color palette (#EBF4EF, #C7DBDE, #AAC6C5, #7A6C00, #152A1F)
• Softworn Chestnut Lantern color palette (#EEE7E9, #C2CFC6, #8BACA1, #7C4600, #220F17)
• Smoked Bronze color palette (#D3E9D6, #8A6300, #272D05, #180E00, #090105)
• Dusty Amber Pier color palette (#FCF3EC, #DFDCCC, #9BB7B8, #D77400, #4F2B00)
• Denim Ridge color palette (#F6E4E1, #C6A37B, #6C7F3B, #534B8B, #501C43)
• Powdered Aubergine Courtyard color palette (#DFFBDF, #DF6A36, #6E6200, #3E00A6, #2C1600)

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