Bronze Harbor color palette — #F7EEDE · #8A6900 · #00715B · #004C51 · #130C00

Ochre and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EEDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#8A6900): A full-bodied, balanced gold — the color of old brass.
• Pine (#00715B): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004C51): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#130C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Hushed Terrace color palette (#F5EFDF, #6B6200, #006058, #003C4B, #060500)
• Tempered Canyon color palette (#F9E7D8, #A45800, #2A7300, #004E40, #190800)
• Sunlit Brick color palette (#FDE5DC, #CA1F30, #6B6300, #195000, #1D0500)
• Feathered Moss color palette (#F1E4C0, #958900, #008A82, #00627A, #242000)
• Amber Harbor color palette (#FFECDD, #C37E00, #7C5900, #4B3C00, #1D1900)
• Washed Fern Ridge color palette (#EDF0DD, #156408, #004D60, #00265A, #000300)
• Airy Ember color palette (#F5E4DB, #EF5D21, #7C5A00, #8E2E00, #060300)
• Sunlit Rose Canyon color palette (#F9E0F7, #E64C58, #009573, #006C92, #1A031A)

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