Bronze Harbor color palette — #FAD7CF · #A35A00 · #5D4200 · #252700 · #010300

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

The five colors

• Shell Pink (#FAD7CF): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#A35A00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5D4200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#252700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Bronze Meadow color palette (#FEDECF, #AC6900, #563F00, #100D00, #010100)
• Navy Bloom color palette (#F6EBD8, #9F4400, #433F00, #140065, #070200)
• Weathered Quarry color palette (#EDDDC6, #807600, #2B5200, #002915, #000303)
• Antique Scarlet color palette (#FFE7F0, #C92C3B, #723600, #322100, #030300)
• Smoked Terracotta Villa color palette (#F0E2DA, #963300, #004238, #2B003E, #040008)
• Muted Cocoa Terrace color palette (#F5EEE9, #AEA393, #918661, #6E3100, #130600)
• Hazy Rose color palette (#EEE4D6, #FF3A4D, #AC7000, #396600, #080500)
• Softworn Olive color palette (#EDDFCE, #A38C00, #467300, #004A2A, #001C19)

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