Bronze Harbor color palette — #FFECF4 · #AD5B00 · #5F5700 · #003B71 · #1D0800

Ochre and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#AD5B00): A full-bodied, balanced gold — the color of old brass.
• Olive (#5F5700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003B71): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1D0800): A deep, shadowed, dusty gold — the color of old brass.

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

• Navy Pier color palette (#EAF5EB, #865D00, #3B6100, #002D78, #18010A)
• Worn Bronze color palette (#E6F7EA, #9F7E00, #705800, #003F53, #2B0E00)
• Pale Veranda color palette (#FCECFB, #C64D52, #755400, #003E4C, #250105)
• Timeworn Aubergine Veranda color palette (#FFEBF6, #AF4600, #096513, #320094, #1C0600)
• Feathered Nightshade Coast color palette (#DAFDDD, #D26C83, #7D5B00, #222999, #370A01)
• Navy Pier color palette (#F1D6E3, #9B4800, #404C00, #080087, #070100)
• Airy Lantern color palette (#E9F5EE, #877F34, #426D2D, #3D2685, #02190D)
• Feathered Scarlet Hollow color palette (#FFF0FD, #CD0F0E, #005C46, #003D5E, #30142F)

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