Bronze Harbor color palette — #F9F5E8 · #D3E2C7 · #B4B184 · #977331 · #434200

A conversation between Walnut and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Celadon Mist (#D3E2C7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B4B184): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#977331): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#434200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Patina Grove color palette (#FAF5E7, #DCDBBF, #BFB87C, #A58D74, #3D5006)
• Softworn Parlor color palette (#FBF5E5, #E4DDBF, #A7A06C, #846525, #32322B)
• Patina Stone color palette (#EAFAF1, #B2BF8E, #858356, #4E6454, #384D48)
• Ancient Pier color palette (#FFF3E6, #C8AF81, #9D6A2C, #713100, #171200)
• Tempered Chestnut color palette (#F6E3C1, #A09D65, #755C00, #462B00, #030400)
• Driftwood Terrace color palette (#E8F6EE, #9AC6BB, #8A8459, #6D4E58, #1D3030)
• Antique Pine Dune color palette (#FFF5D8, #CBE6BF, #90C196, #1A8863, #004F46)
• Terracotta Dune color palette (#FFF3E8, #F6C68A, #C97D40, #9F3A14, #342500)

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