Bronze Harbor color palette — #F9D8CD · #A95000 · #553200 · #301E00 · #0D1200

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F9D8CD): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#A95000): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#301E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0D1200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Moonless Chestnut color palette (#F7E2C6, #7A5900, #423900, #181900, #000803)
• Softworn Navy color palette (#F6E5D2, #825300, #004899, #3F2600, #000E29)
• Gentle Study color palette (#F2DDE0, #BB0028, #811100, #401300, #1F0D00)
• Worn Amber Basin color palette (#F0DDD3, #CD7A00, #895D00, #534100, #22340B)
• Pale Bloom color palette (#F1DEC2, #B7AA50, #5F8D44, #5D2B00, #231B00)
• Timeworn Courtyard color palette (#FCEDD5, #654600, #004A4D, #4E005E, #0D0600)
• Sunlit Balcony color palette (#E0E4CA, #598700, #185600, #00371E, #002219)
• Hushed Cerulean color palette (#FFE7F6, #008FBC, #7A7600, #080F06, #000201)

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