Bronze Harbor color palette — #FFF2E9 · #E1DCC2 · #CAA68C · #A86847 · #563800

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#E1DCC2): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CAA68C): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#A86847): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#563800): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Balcony color palette (#FFF3E2, #C1B372, #91712E, #663A00, #131400)
• Aged Taupe color palette (#FFF2EA, #F4D7BC, #C2917B, #8B5D57, #35312B)
• Wandering Pier color palette (#FDF1F7, #D0ADB9, #A77254, #6F5368, #404B41)
• Patina Coast color palette (#F0F8EA, #87D6BC, #BFA3C7, #A5736D, #2B3522)
• Washed Driftwood color palette (#FCEDF5, #A6C5A7, #A9755A, #684D6A, #213028)
• Bronze Quarry color palette (#EFE3DA, #B27822, #763C00, #3F0F00, #020100)
• Dusty Fern Studio color palette (#EFE5C8, #93A265, #696200, #402F00, #010500)
• Timeworn Driftwood color palette (#F2F7EC, #C9DCCA, #77904F, #394F09, #191D12)

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