Tempered Bronze color palette — #F0F7F0 · #CCDEDC · #ADC3C4 · #9D7944 · #353D35

A conversation between Mocha and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Silver (#CCDEDC): a clean, paper-quiet neutral.
• Stone (#ADC3C4): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#9D7944): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#353D35): quiet, heavy and certain.

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 Olive color palette (#ECF9F4, #C6E6E0, #94C9C9, #6E8200, #223831)
• Tempered Villa color palette (#F9F4EF, #D8DAD2, #B9C9B4, #D48F1F, #523300)
• Wandering Bronze color palette (#D8F1E3, #8D8300, #1E483F, #11271D, #080F0A)
• Chestnut Boulevard color palette (#DFE7E0, #B6CAC0, #90ACA4, #775C10, #142318)
• Ancient Lagoon Lantern color palette (#E3FCF5, #8CC594, #319471, #785967, #1D3C39)
• Stone Field color palette (#DAF5E3, #A8BE84, #69A09E, #576A8A, #444363)
• Timeworn Forest Market color palette (#D4E6E3, #88ADAD, #628F97, #0E5408, #000C0A)
• Antique Ridge color palette (#DAF8DF, #CD9700, #698319, #27578C, #1B3728)

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