Tempered Bronze color palette — #FFF3E9 · #E5A880 · #6BB980 · #C36200 · #184F2B

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#E5A880): A luminous, balanced gold — the color of afternoon light on wheat.
• Jade (#6BB980): A luminous, balanced teal — the color of shallow lagoons.
• Ochre (#C36200): A luminous, balanced gold — the color of old brass.
• Deep Olive (#184F2B): A deep, shadowed, balanced teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Worn Terrace color palette (#FFF2ED, #EDA09B, #9AB04F, #D14E4D, #3C490C)
• Soft Mint color palette (#FFF1F7, #FFC6A1, #80D095, #BD7642, #1D4128)
• Patina Field color palette (#FFF2E9, #D89267, #92A152, #BB6596, #3D3732)
• Airy Balcony color palette (#FFF3E8, #D08E5D, #0099B6, #985000, #254C37)
• Aged Bronze color palette (#F9F5ED, #D5C297, #866F25, #514000, #29200E)
• Aged Garden color palette (#FFF2E9, #D3B8A1, #B2836A, #915844, #583400)
• Pale Bronze color palette (#FFF3E3, #D0B37E, #D786B7, #A57700, #5B334B)
• Powdered Aqua color palette (#FFF0F7, #FFBA8D, #4ECEF9, #D28C5C, #13495B)

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