Tempered Bronze color palette — #F3F7EC · #97CAAC · #C4806D · #896100 · #25240D

Ochre and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Mint Leaf (#97CAAC): A luminous, dusty teal — the color of sea glass.
• Caramel (#C4806D): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#896100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#25240D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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 Delta color palette (#EEF8F1, #72C3D4, #A18B46, #567B45, #1F2C19)
• Wisteria Summit color palette (#EBF9F3, #77CCFC, #CE87BC, #9B884C, #27372B)
• Bronze Dune color palette (#EDFAE7, #00A996, #B56200, #5A5100, #001804)
• Dusty Pewter Alley color palette (#FAF2F9, #B0CCFF, #AD8BBC, #985261, #16422F)
• Cerulean Alley color palette (#E9F3FC, #1F92C2, #985861, #6F3F3E, #0C211F)
• Sky Villa color palette (#F0F7F4, #DED4D3, #7FB5DC, #A89E96, #474F4C)
• Worn Periwinkle Alley color palette (#FDF1FB, #91ADEE, #624D5B, #342632, #130D13)
• Aged Chestnut Canyon color palette (#E9FBE7, #008D8C, #7E5400, #394000, #000201)

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