Bronze Harbor color palette — #EDDDD0 · #986633 · #5D2D00 · #240900 · #020100

Ochre and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Bone (#EDDDD0): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#986633): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#240900): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. 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

• Obsidian Chestnut Archive color palette (#F5E3D6, #804B00, #452100, #210800, #060300)
• Cocoa Balcony color palette (#F1DDCE, #AD794D, #7A3800, #3E1100, #020100)
• Midnight Olive Basin color palette (#EDE6D2, #6F7931, #403E00, #171200, #010100)
• Timeworn Bronze Loft color palette (#FFF3E4, #C6B081, #9D6B00, #653B00, #181200)
• Washed Ridge color palette (#EFE5CC, #9F9E56, #6D6000, #3E3000, #030400)
• Deep Garnet color palette (#ECE4C9, #525100, #6F0041, #360001, #010100)
• Onyx Hollow color palette (#E3E0C3, #344400, #46001D, #131D1B, #130200)
• Quiet Amber color palette (#FFF3E6, #F5C787, #C28238, #904B00, #352500)

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