Bronze Harbor color palette — #F4F7EB · #9DD2A9 · #DD9C8B · #A97639 · #31332C

Built around Mocha, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Pistachio (#9DD2A9): A luminous, dusty teal — the color of shallow lagoons.
• Camel (#DD9C8B): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A97639): A luminous, balanced gold — the color of old brass.
• Espresso (#31332C): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Apricot Lantern color palette (#EFF8EC, #7BD6C8, #EDA08F, #94A071, #364133)
• Patina Amber Archive color palette (#F2F7ED, #85C1AD, #C9835B, #786418, #2A2B15)
• Dusty Bronze Loft color palette (#FFF2F1, #EEBAD2, #CA876C, #7D6A08, #1A4224)
• Olive Cabin color palette (#FFF2EE, #EC979F, #B29D48, #5F7E31, #371C15)
• Washed Courtyard color palette (#FFF2ED, #DAD8FF, #AF96C3, #9C5F5E, #4D3842)
• Hushed Garden color palette (#E4F5FF, #30A2CA, #A5775A, #775164, #15252E)
• Amber Field color palette (#FFF1F1, #D47EAB, #BD781C, #6B6100, #280A0B)
• Powder Garden color palette (#F8F3F8, #DFD7D8, #C9C2B9, #93B0DD, #534A52)

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