Weathered Harbor color palette — #F9F4EF · #DBDDD1 · #BFC2B2 · #906D39 · #4C4740
A conversation between Walnut and Stone, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Bone (#DBDDD1): bright and airy, almost weightless.
- Stone (#BFC2B2): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#906D39): A full-bodied, balanced gold — the color of honey in a jar.
- Charcoal (#4C4740): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Bronze Field color palette (#F7F1EA, #D7D9CE, #B7C0B3, #996A31, #322B23)
- Driftwood Station color palette (#FAF4D2, #BEBFA5, #7D8A45, #4B6655, #264F51)
- Wandering Olive color palette (#F6F6EE, #D0E0CF, #B9C0A5, #507821, #454200)
- Wandering Basalt Market color palette (#E9E4DC, #B0A997, #818352, #463500, #1A1306)
- Fern Grove color palette (#F8F5ED, #DAD3B9, #9FAE78, #685B00, #35332C)
- Softworn Summit color palette (#FCF2F5, #CDD9DD, #9DA3B4, #AC8190, #4D4548)
- Abyss Quarry color palette (#E3E6DF, #B1BDAA, #7B9775, #00523A, #1C2116)
- Soft Basin color palette (#FCF4E5, #FFD8A2, #D4AE00, #939D2D, #434039)
Browse the whole catalog at Explore, or see today's palette.