Bronze Harbor color palette — #F2DEDE · #A55A00 · #4F4500 · #142700 · #000402

Ochre takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2DEDE): A whisper-light, dusty red — the color of embers at dusk.
• Ochre (#A55A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4F4500): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#142700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Deep Meadow color palette (#F8DED5, #A16B00, #453D00, #0A0F00, #000200)
• Gentle Rust color palette (#F2E0E8, #C33B17, #6F3B00, #272000, #010400)
• Sunlit Quarry color palette (#FCE9D5, #9C4800, #304500, #1F005D, #060300)
• Forest Boulevard color palette (#FCEAD5, #787000, #0A5A0D, #002922, #000407)
• Wandering Cocoa Loft color palette (#EEE5DC, #ADA48F, #87896B, #673700, #110701)
• Worn Corridor color palette (#F0E7D7, #EF524B, #A27000, #006947, #020200)
• Charred Mulberry Corridor color palette (#FFEBE5, #A7002A, #00423B, #33002D, #050004)
• Powdered Pine color palette (#F3EADE, #949400, #217300, #004637, #00181B)

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