Tempered Bronze color palette — #E6F7EB · #C6B278 · #859BD0 · #876F22 · #233148

A conversation between Walnut and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sand (#C6B278): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#859BD0): A luminous, balanced violet — the color of wild irises.
• Walnut (#876F22): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#233148): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Dusty Bronze Grove color palette (#FEECF6, #DAA68F, #77A0CC, #9C6045, #18334D)
• Tempered Bronze color palette (#EEF8F0, #BFAE84, #8196D4, #8D6E00, #3F4B6F)
• Olive Harbor color palette (#E6F6F1, #A8BC8B, #B78BB4, #657A44, #342B48)
• Amber Canyon color palette (#FBF4E8, #D1C497, #90B1F0, #A68A0A, #5F415D)
• Patina Cobalt color palette (#DFF9EA, #A89E5C, #7B8BC0, #6575AD, #192C22)
• Timeworn Harbor color palette (#E9F6EB, #9DC6B5, #6A8D71, #6C4D5E, #1D302E)
• Weathered Cypress Coast color palette (#E7F5F3, #E3BA9E, #4D6A4B, #113834, #061715)
• Quiet Indigo color palette (#D5FCED, #A1B32D, #6B5FD6, #576200, #1E0E55)

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