Bronze Harbor color palette — #FFF2EA · #B46C49 · #777522 · #005B79 · #38312D

Mocha takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Mocha (#B46C49): A luminous, balanced orange — the color of toasted spice.
• Walnut (#777522): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005B79): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#38312D): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Worn Driftwood Chapel color palette (#FFF1F2, #AA659D, #93671F, #00605F, #462A2D)
• Chalky Fern Boulevard color palette (#FFF2E9, #A46038, #576900, #004779, #372313)
• Denim Corridor color palette (#FFF3E7, #B5855A, #468F75, #3C5E9B, #423C37)
• Faded Aubergine color palette (#FFF4E1, #947000, #00776D, #5000BC, #382900)
• Worn Navy Ridge color palette (#FFF3E5, #C08490, #886200, #414291, #433B38)
• Washed Canyon color palette (#FBEDFB, #BF6971, #008A64, #005A79, #231324)
• Worn Aubergine color palette (#EADDC0, #726200, #005F62, #440886, #201A00)
• Dusty Parlor color palette (#FFF2EE, #E17C85, #1EA876, #007A9B, #402E28)

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