Tempered Bronze Harbor color palette — #FFF2EA · #D5AA87 · #A57534 · #7A5D00 · #524F48

Ochre and Olive set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#D5AA87): A luminous, dusty gold — the color of old brass.
• Ochre (#A57534): A full-bodied, balanced gold — the color of old brass.
• Olive (#7A5D00): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#524F48): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Bronze Harbor 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

• Cocoa Pier color palette (#FCF4E9, #C2B6A0, #957C56, #7A5435, #574600)
• Dusty Bronze color palette (#FCF4E9, #C6AB81, #709BD1, #966900, #344F6F)
• Softworn Amber Market color palette (#FFF0FD, #F5BC99, #CF8E42, #827637, #38574D)
• Aged Olive color palette (#FFF4DD, #B0B17E, #768846, #4F712C, #4F514A)
• Terracotta Orchard color palette (#FFF2F0, #D79AA0, #BF726D, #964B33, #514B46)
• Marigold Studio color palette (#EAE0D5, #D99C19, #8A7300, #545200, #11441E)
• Patina Pewter Delta color palette (#FFF4E1, #AB9565, #4A97A0, #965F97, #583D00)
• Olive Corridor color palette (#E9E6CC, #6E7B00, #415B00, #113800, #00221F)

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