Wandering Harbor color palette — #FBF1FD · #B86374 · #5B7C4C · #146339 · #3C2C3F
A conversation between Mocha and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF1FD): bright and airy, almost weightless.
- Mocha (#B86374): A luminous, balanced red — the color of embers at dusk.
- Olive (#5B7C4C): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#146339): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#3C2C3F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Wandering 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 Olive Workshop color palette (#F5F3FF, #9F6CA2, #68792E, #005F64, #343042)
- Misty Ember Pier color palette (#FDF1FB, #C36C65, #007554, #004F6D, #33325B)
- Ancient Driftwood color palette (#FDF1F8, #B8816C, #558C78, #2C6B69, #4A3643)
- Weathered Rust color palette (#FEF1F9, #BA5F40, #675800, #004E4B, #2C2A3E)
- Tempered Coral Parlor color palette (#E1FDEB, #CE7C87, #8A602D, #245272, #4C3446)
- Softworn Pine color palette (#FDECF8, #7381C5, #2A8861, #005F5B, #251320)
- Hushed Pewter Chapel color palette (#F9F3F9, #E4D7D8, #B3C9C2, #9D6164, #4D444D)
- Softworn Garden color palette (#FFF0F8, #BB5300, #00728F, #005268, #44200A)
Browse the whole catalog at Explore, or see today's palette.