Bronze Harbor color palette — #FFF0F9 · #BA6A46 · #7A6900 · #005186 · #311727

A conversation between Caramel and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#BA6A46): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#7A6900): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005186): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#311727): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Rose Drift color palette (#FFF0FE, #CF6267, #9D5A00, #005B60, #26142A)
• Worn Denim Boulevard color palette (#E0F5E4, #DD829B, #9C6D00, #2B50A0, #42243C)
• Denim Study color palette (#EBF9EF, #B69A4D, #928016, #105C9D, #3D2334)
• Nightshade Coast color palette (#ECFAEC, #B27F32, #3C832B, #2A3AAC, #102710)
• Ancient Bronze color palette (#FCE2EF, #AB5000, #445800, #003469, #100300)
• Patina Brick color palette (#FFF2EE, #B23A39, #005939, #003951, #2F181E)
• Dusty Rust Lagoon color palette (#F9F3F8, #E5D5D3, #B6CEC1, #C25D54, #40373F)
• Nightshade Lagoon color palette (#D0F6E8, #728100, #007343, #1900C8, #220F00)

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