Bronze Harbor color palette — #F2DAE2 · #B2781E · #704000 · #371800 · #020100

Ochre and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F2DAE2): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#B2781E): A luminous, balanced gold — the color of old brass.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#371800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Moss color palette (#E3F3E9, #91891F, #5B4D00, #2C1F00, #010100)
• Ancient Chestnut color palette (#FFD9E8, #C58D46, #8B4E00, #502300, #000601)
• Hazy Mustard color palette (#E3FEE3, #E7B231, #A77200, #6F4100, #1F1700)
• Timeworn Bronze color palette (#FFF0F8, #DFA476, #B05C25, #6F321B, #230713)
• Ancient Grove color palette (#FCDBE1, #ED405D, #960017, #3B0A00, #030000)
• Timeworn Brick Pier color palette (#EAD9E6, #B40B03, #505100, #00320B, #040000)
• Lowlit Coast color palette (#E0D9F6, #E25F32, #4B004A, #1A080E, #030003)
• Moss Drift color palette (#DAFFEE, #CAD991, #999800, #6E6000, #1F2D02)

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