Bronze Harbor color palette — #F7E7E8 · #A8773E · #4C5D2C · #322652 · #160433

Mocha and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F7E7E8): a clean, paper-quiet neutral.
• Mocha (#A8773E): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4C5D2C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Indigo (#322652): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#160433): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Wandering Fern Bloom color palette (#FDE7FB, #996862, #5B5000, #1A2B49, #041332)
• Faded Lantern color palette (#FFE8E3, #835D00, #014C22, #32173F, #170022)
• Washed Atelier color palette (#F2D9D0, #907C52, #0D6448, #4E1026, #27030F)
• Weathered Abyss Chapel color palette (#DFEFE1, #6F8140, #00522E, #361C45, #060900)
• Weathered Taupe Study color palette (#FFD9BC, #C1AB72, #677240, #11445F, #0A1339)
• Aged Harbor color palette (#FFE7F7, #B68482, #826F35, #57377F, #391630)
• Hushed Aubergine Drift color palette (#FFE2DB, #A79638, #248250, #692963, #350C31)
• Dusty Bronze color palette (#F5E0D5, #936100, #584900, #1B2800, #000D03)

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