Bronze Harbor color palette — #FFF2ED · #EFD6C1 · #E2947A · #B66845 · #544D48

A conversation between Ochre and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#EFD6C1): A whisper-light, dusty gold — the color of old brass.
• Camel (#E2947A): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#B66845): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#544D48): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged light, muted.

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

• Tempered Coral Balcony color palette (#FFF0FE, #E9978D, #BA705D, #875948, #5F4453)
• Amber Pier color palette (#FFF2EA, #ECD8BD, #ABDAA7, #D87F58, #324F30)
• Bronze Atelier color palette (#FFF3E6, #FCDEB2, #CFAC64, #9D8329, #4B4841)
• Stone Chapel color palette (#F9E5FF, #F7A2A5, #B56F5F, #724B30, #243923)
• Pale Apricot Grove color palette (#FFD5BB, #E6974E, #A16300, #604000, #271A00)
• Muted Amber Archive color palette (#FFF2ED, #FFC3A3, #E27C00, #8B5100, #4C3000)
• Cocoa Lagoon color palette (#FFF3E8, #DDDBCB, #96B8C0, #D5A48D, #704300)
• Hushed Ash Grove color palette (#FFF2EA, #F7BDA2, #BCC180, #CA8AB5, #3D3733)

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