Bronze Harbor color palette — #FED5D1 · #A6773D · #4F5D32 · #313468 · #202246

A conversation between Mocha and Navy, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FED5D1): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A6773D): A luminous, balanced gold — the color of old brass.
• Olive (#4F5D32): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#313468): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#202246): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Chestnut color palette (#FFE8F0, #A86F5B, #6D5200, #093A4F, #111F3C)
• Aged Bronze Villa color palette (#FFE8E0, #8F6F17, #375633, #321E47, #2D0025)
• Weathered Lagoon color palette (#E9DDCD, #7E7E42, #275100, #461C3C, #1D1C00)
• Forest Villa color palette (#DCF2E8, #6F7E55, #366036, #00353C, #001822)
• Weathered Ultramarine Alley color palette (#F1EBDE, #7E6D00, #3948BC, #433900, #0C0E4C)
• Airy Driftwood color palette (#FFEAED, #C69A7A, #9A8A2D, #4E5C99, #381C44)
• Wandering Bronze color palette (#EDDAD1, #9F6700, #634D00, #333300, #002414)
• Powdered Nightshade color palette (#F0DAD7, #C89B68, #6D763D, #52428E, #652459)

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