Bronze Harbor color palette — #F1F7F2 · #D2DDDD · #AFC4C9 · #916D34 · #444944

Built around Walnut, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDD): a clean, paper-quiet neutral.
• Stone (#AFC4C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Walnut (#916D34): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#444944): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Pewter color palette (#F6F1EA, #D8DBCC, #BBC1B1, #867249, #302B25)
• Timeworn Terrace color palette (#F0F7F1, #CEE1DF, #AFC8C8, #759A7D, #434A44)
• Patina Olive color palette (#EFF7F5, #C8DFEA, #96C5D1, #4A7A00, #344440)
• Weathered Lagoon Terrace color palette (#FFF1F6, #95B5A7, #529078, #645B77, #514A5C)
• Weathered Olive Bloom color palette (#D5EAE0, #797500, #003B36, #13231C, #060F0C)
• Ancient Basalt color palette (#E1E8E2, #96B0A6, #558B85, #473400, #09180D)
• Abyss Coast color palette (#DAE3E3, #A9BDC2, #6397A9, #005239, #072425)
• Patina Archive color palette (#E8F0EF, #BAD1D3, #8AA6AF, #136717, #1F3230)

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