Tempered Bronze color palette — #FCF3EC · #DBDBCF · #C0C7AA · #A4652F · #271C12

Ochre and Pistachio set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Bone (#DBDBCF): bright and airy, almost weightless.
• Pistachio (#C0C7AA): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#A4652F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#271C12): A deep, shadowed, dusty gold — the color of old brass.

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

• Muted Amber color palette (#FAF4ED, #DADBD1, #A9B7AD, #AF7F43, #322D28)
• Timeworn Chestnut color palette (#FBF4EB, #D7DCCA, #BFBCA4, #7C5800, #120B03)
• Bronze Field color palette (#F4E3C7, #937100, #5B5050, #2C2403, #070300)
• Chestnut Garden color palette (#F6EBEF, #C2D1C3, #8EA799, #7F4300, #39282F)
• Wandering Driftwood color palette (#FFF3E2, #CBC596, #848841, #315880, #282647)
• Pine Atelier color palette (#FBF5DF, #A9C68F, #438852, #734230, #1B1900)
• Patina Mustard color palette (#FFF3E3, #E5D9C4, #FCAF22, #849E00, #171300)
• Timeworn Amber Orchard color palette (#FFF4E2, #E18B15, #746E00, #004563, #1B1000)

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