Tempered Bronze color palette — #E2F6F9 · #41A899 · #B86A5C · #58652E · #142629

Mocha takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2F6F9): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#41A899): A luminous, balanced teal — the color of glacier melt.
• Mocha (#B86A5C): A luminous, balanced orange — the color of toasted spice.
• Olive (#58652E): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#142629): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Ancient Drift color palette (#E4F6F9, #43A899, #A26E9F, #815131, #152629)
• Washed Pier color palette (#E8F4FA, #3E9EB7, #964F54, #39511F, #0B1E26)
• Muted Archive color palette (#E9F3FD, #609BC8, #8D8543, #206B67, #17242F)
• Antique Workshop color palette (#E6F6F1, #85AFDE, #8969A1, #485930, #232C3E)
• Azure Workshop color palette (#ECF7FF, #3B9ACE, #8F7399, #346968, #313F4A)
• Sky Lagoon color palette (#E6FBF2, #55B7E6, #BB9273, #A26D3A, #31413A)
• Tempered Peony color palette (#ECF3F7, #97CCE3, #B06599, #007DA0, #18131F)
• Cobalt Canyon color palette (#DCEBFA, #1778C8, #875A00, #005318, #011123)

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