Bronze Harbor color palette — #F9EDE0 · #A06700 · #34302A · #1C140C · #0A0502

A conversation between Ochre and Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F9EDE0): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#A06700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#34302A): quiet, heavy and certain.
• Ink (#1C140C): a grounded near-black with real depth.
• Ink (#0A0502): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Chestnut Corridor color palette (#EFE5C7, #6E5900, #323D3E, #212000, #0C0700)
• Timeworn Harbor color palette (#EFE2D5, #C77C00, #5A4D00, #322D27, #1F1612)
• Antique Pier color palette (#F4DCD3, #BF4747, #502200, #1F120D, #0A0504)
• Weathered Ridge color palette (#F9F3CE, #859900, #009387, #8F5E3F, #231E04)
• Hushed Harbor color palette (#F8F1E1, #B6B87D, #6F7C46, #79480D, #2C2714)
• Charred Pine color palette (#ECF0DD, #007A2E, #1F2907, #0C0E01, #020200)
• Sunlit Mustard Ridge color palette (#F9F2D9, #ABA942, #00A0AE, #69681F, #0E2F18)
• Mustard Canyon color palette (#F6DEAE, #CDA723, #907A00, #524C00, #302F28)

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