Bronze Harbor color palette — #F7F1E4 · #897A11 · #006759 · #004A58 · #190B18

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

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Walnut (#897A11): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006759): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004A58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#190B18): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Villa color palette (#F3F3E3, #5B8D47, #006678, #1E4677, #1F0A14)
• Washed Drift color palette (#F3EFCE, #5A6D00, #005254, #002B43, #05001A)
• Muted Amber color palette (#F8F0E7, #BE7E1B, #547000, #004C41, #35110A)
• Patina Iris color palette (#FAEEF4, #827BC3, #006C4F, #004853, #1D0F1E)
• Linen Lantern color palette (#DEE4D3, #00704D, #004C6E, #260071, #0B0002)
• Bronze Grove color palette (#FBECDC, #A36500, #34302A, #1E1307, #0A0502)
• Dusty Basin color palette (#FCF1FE, #BA4852, #00636D, #004A6C, #252A3A)
• Linen Chapel color palette (#F4F4FF, #B884DA, #008F8B, #006387, #222839)

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