Bronze Harbor color palette — #FFF3E6 · #CCB493 · #A5753C · #82501A · #5F4100

Coffee and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CCB493): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A5753C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#82501A): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Fern Workshop color palette (#FFF3E7, #E6D8BB, #CEB092, #B18773, #514900)
• Antique Stone color palette (#FCF3ED, #E3B780, #815036, #582B00, #28241C)
• Ancient Taupe Thicket color palette (#FFECC9, #AF9E36, #806600, #604400, #39370A)
• Muted Marigold Pier color palette (#FAF4ED, #EEB372, #808239, #8A643B, #302E27)
• Timeworn Amber color palette (#F7E3D7, #C48661, #8D523A, #63362C, #352F2A)
• Washed Terrace color palette (#FFF2E9, #CA7843, #6D885E, #7A5359, #5D3000)
• Dusty Bronze color palette (#F5E3CB, #836100, #4D3200, #2B1600, #100B00)
• Softworn Taupe Basin color palette (#FFF1F5, #B8D3BC, #B88E9C, #8A697B, #3B4C42)

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