Bronze Harbor color palette — #F6F2E4 · #BDBE9D · #988039 · #794D0A · #292E20

Walnut and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Stone (#BDBE9D): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#988039): A luminous, balanced green — the color of fresh herbs.
• Coffee (#794D0A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#292E20): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Chestnut Study color palette (#F7F1E8, #D5C194, #7F5914, #35302A, #19130A)
• Fern Hollow color palette (#F9F5E8, #BCB9A2, #848357, #6D5C2C, #4A4B00)
• Tempered Bronze color palette (#F7F1E9, #DEBD91, #34948B, #91692A, #0E190C)
• Dusty Driftwood Workshop color palette (#EFE2D6, #98863B, #774907, #561B0F, #110F00)
• Patina Meadow color palette (#FDE4CF, #B79C62, #9B571B, #6B2D2D, #221C00)
• Tempered Forest color palette (#FFEFDC, #C8C592, #68976D, #036255, #00323A)
• Bronze Balcony color palette (#E9FAF1, #AED4CC, #7CA692, #8B6F4B, #364D4D)
• Wandering Olive Atelier color palette (#FCECCF, #6B7A2F, #544100, #381900, #050600)

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