Bronze Harbor color palette — #FFF2EF · #DF9C82 · #A56237 · #784100 · #593800

Ochre takes the lead with Bronze close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Camel (#DF9C82): A luminous, balanced orange — the color of autumn markets.
• Ochre (#A56237): A full-bodied, balanced gold — the color of old brass.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#593800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns 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

• Dusty Villa color palette (#FFEEF3, #E495A0, #AB5B5E, #872F26, #691F00)
• Antique Amber Drift color palette (#FFE9E5, #FFBEA4, #E9925E, #BF731D, #523400)
• Amber Quarry color palette (#FFE6F2, #F0AEAC, #CE7A55, #8B5900, #463F00)
• Ancient Cocoa Grove color palette (#FCF3F0, #DED9D1, #C4BEB2, #956664, #71331B)
• Bronze Harbor color palette (#FFF4E1, #BCA668, #83762B, #505200, #01451F)
• Tempered Orchard color palette (#F3DBD1, #A75200, #593000, #281600, #110A00)
• Hazy Amber color palette (#FFF3E8, #BE7439, #6F6502, #1A562A, #582338)
• Worn Ridge color palette (#F2EFDB, #9F9928, #535E00, #293C00, #00281C)

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