Weathered Bronze Harbor color palette — #FCF3EF · #EFAE9C · #917C2A · #9A5946 · #322D24
Built around Walnut, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EF): bright and airy, almost weightless.
- Melon (#EFAE9C): A luminous, balanced orange — the color of sun-warmed clay.
- Walnut (#917C2A): A full-bodied, balanced green — the color of a quiet forest floor.
- Walnut (#9A5946): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#322D24): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Weathered 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
- Weathered Mallow color palette (#FCF2F2, #F0A6CA, #9A7645, #8E5A74, #322D27)
- Washed Bronze Drift color palette (#F8F0EC, #F2B0A7, #808854, #A35A51, #191609)
- Hushed Alley color palette (#F9F4ED, #DABC7F, #4A8E66, #816936, #2D2F28)
- Softworn Driftwood color palette (#F9F3F8, #FDBFBA, #82A77C, #BA7873, #1E322F)
- Wandering Harbor color palette (#FFF2EC, #DCAD76, #96803D, #60612F, #3E4F19)
- Washed Bronze Archive color palette (#E9E1D1, #8F7300, #004A3C, #3D3000, #010500)
- Timeworn Bronze color palette (#FBF4EE, #DBDBD1, #A2B0AD, #AA7542, #58514B)
- Weathered Amber color palette (#F3E9DF, #BB7700, #255E00, #5C3800, #0E0E00)
Browse the whole catalog at Explore, or see today's palette.