Worn Harbor color palette — #F9F4EE · #D9DBD3 · #BBC1B5 · #8D6E42 · #633F00

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#D9DBD3): a clean, paper-quiet neutral.
• Stone (#BBC1B5): soft and architectural.
• Walnut (#8D6E42): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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 Bronze Field color palette (#F7F5EE, #D7DBD5, #A2AFB1, #958038, #55524B)
• Bronze Coast color palette (#F6F1EC, #D6D8D1, #B3C2B3, #946C3F, #332A21)
• Antique Driftwood color palette (#E5DED2, #AFA997, #888239, #473400, #1B1204)
• Olive Field color palette (#F6F6EB, #CFDED1, #B6C0AD, #4C7905, #454200)
• Chestnut Courtyard color palette (#F7F6E8, #ACB58A, #428269, #7E4C16, #404800)
• Weathered Abyss color palette (#E9EDE3, #B2BDAE, #7F9483, #005238, #1A230D)
• Patina Mustard Courtyard color palette (#FEF4E1, #FFD1AA, #C4B448, #5E9758, #413F38)
• Antique Atelier color palette (#FFF4E2, #B19357, #607237, #2C4F78, #403D36)

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