Tempered Bronze color palette — #FCF2F6 · #B3DDC0 · #A66F3F · #634250 · #32282C

Built around Ochre, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Celadon Mist (#B3DDC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#A66F3F): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#634250): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#32282C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Corridor color palette (#EDF8F3, #BADCBB, #7C8345, #385449, #232E2A)
• Muted Lantern color palette (#FDF3EA, #DDE2CA, #AD7A44, #653B00, #211A13)
• Bronze Loft color palette (#FBF4EE, #EEDCB3, #BC9579, #945F2C, #322922)
• Timeworn Teal Chapel color palette (#FBF2F6, #F5C7A1, #13B49C, #B77E4C, #203134)
• Dusty Cerulean Thicket color palette (#FDF1F6, #C58F5F, #0094B6, #76567F, #412F36)
• Moonless Hollow color palette (#D4E8D3, #907000, #3E2500, #071719, #0B0400)
• Mustard Loft color palette (#EBFAEE, #E5B235, #856300, #4C3700, #06210E)
• Patina Amber color palette (#E0F3EC, #C08526, #3D4C00, #171E00, #000302)

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