Tempered Bronze color palette — #EDF7FE · #96CCE8 · #D39BB8 · #AC7437 · #23343F

A conversation between Ochre and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Sky (#96CCE8): A luminous, dusty blue — the color of open sky before noon.
• Mauve (#D39BB8): A luminous, dusty rose — the color of a warm blush.
• Ochre (#AC7437): A luminous, balanced gold — the color of old brass.
• Deep Teal (#23343F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Terrace color palette (#EDF7FF, #94CBF1, #DB9D89, #6D8D5A, #25333F)
• Weathered Driftwood Harbor color palette (#E9F9F9, #98D2B7, #B0A6D6, #B36A6A, #1D3738)
• Worn Olive color palette (#EAF8FE, #98D8E2, #BA85B6, #756D0B, #004148)
• Timeworn Aqua Canyon color palette (#EEF9EF, #6BD6DD, #AFB0EB, #93A166, #324234)
• Dusty Workshop color palette (#F2F5FF, #ADA8F5, #D18A69, #548130, #1C233C)
• Hushed Orchard color palette (#ECF7FF, #08B5F1, #E45C80, #7D6400, #001F2C)
• Sky Harbor color palette (#F0F6FB, #DAD9DF, #BEB2AE, #7DB6DA, #474E55)
• Hushed Turquoise color palette (#EFF6F9, #CFD6EA, #C19ED5, #00ADBF, #1E1C2A)

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