Tempered Bronze color palette — #F9F4EE · #D7BB98 · #538B6C · #8C6521 · #2C2F28

A conversation between Ochre and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Sand (#D7BB98): A luminous, dusty gold — the color of old brass.
• Fern (#538B6C): A full-bodied, dusty teal — the color of sea glass.
• Ochre (#8C6521): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2C2F28): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

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

• Worn Olive Bloom color palette (#F6F5EE, #B4CA91, #448A8A, #617638, #253225)
• Softworn Driftwood color palette (#FBF3F0, #EBAFA5, #8A7E3C, #965A51, #302E27)
• Worn Delta color palette (#F6F1EC, #DCBDA2, #3F9578, #A95A00, #12180C)
• Muted Corridor color palette (#FFF4E0, #BBBF8B, #728958, #39673C, #00533E)
• Patina Fern color palette (#FFF4E2, #AEAB70, #588459, #4F577C, #524800)
• Antique Amber Parlor color palette (#FAF3F6, #EFC2D7, #42AFA5, #CB722F, #1D3236)
• Olive Basin color palette (#E1E1D0, #59852E, #00484F, #203A00, #000405)
• Timeworn Mustard color palette (#FCF5E4, #B9A200, #007660, #635600, #132206)

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