Bronze Harbor color palette — #F0DAC4 · #8D6D31 · #573200 · #230A00 · #020100

A conversation between Walnut and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#F0DAC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#8D6D31): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

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

• Muted Lagoon color palette (#F1DDCA, #B07A04, #723F00, #3C1200, #020100)
• Mustard Study color palette (#FFF4E0, #BDB56B, #8D732C, #633D00, #171200)
• Frosted Terracotta Archive color palette (#FFDECA, #C68A61, #974223, #5B1418, #080300)
• Worn Olive color palette (#E4E2CC, #698700, #00463D, #243100, #000201)
• Shadow Courtyard color palette (#F6F1D5, #4A5300, #132E8E, #2C0032, #010100)
• Antique Olive Market color palette (#FBE5F5, #009596, #7F7400, #090D07, #020100)
• Timeworn Driftwood color palette (#FEF4DD, #D2C89E, #968B50, #6E531F, #252301)
• Lowlit Bronze color palette (#ECDCC5, #82731C, #4E3800, #1E0E00, #010100)

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