Bronze Harbor color palette — #F0DACF · #E1906C · #B86700 · #684200 · #322E28

Ochre and Camel set the tone — five colors that lean into optimism and balance.

The five colors

• Bone (#F0DACF): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#E1906C): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#B86700): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#684200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322E28): a grounded near-black with real depth.

Feels like: Optimism, 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

• Bronze Chapel color palette (#F7DBBC, #C99F51, #987800, #534D00, #342D09)
• Quiet Rust color palette (#FFDAD2, #E88E93, #C24131, #7B3111, #352F2A)
• Washed Coral color palette (#FFDCDD, #F2816B, #AF6C1A, #695200, #294E3F)
• Azure Basin color palette (#FEEFE0, #D29553, #3A94D7, #8E5600, #002F26)
• Amber Harbor color palette (#FDE5D5, #BE7400, #7B5900, #483C00, #1F1F00)
• Timeworn Quarry color palette (#FFE9E3, #FFA475, #CB7D37, #876123, #5D4A23)
• Patina Oat Meadow color palette (#FFEFDD, #D5EDC0, #ADD691, #A06E57, #36322C)
• Timeworn Market color palette (#FEEFDD, #BB801A, #009291, #835599, #2A1B06)

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