Wandering Harbor color palette — #F6F6E8 · #98B77B · #C285AD · #96734D · #3E3E36

Dusty Rose and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#98B77B): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#C285AD): A luminous, balanced pink — the color of neon signs at night.
• Walnut (#96734D): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#3E3E36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Dusty Lilac color palette (#F0F8ED, #62C5B7, #A17ABA, #836328, #45423B)
• Softworn Summit color palette (#E5FAFC, #7CD8BC, #C2A1CA, #AD6E6E, #1B3739)
• Antique Station color palette (#EAF9F2, #C4C88B, #DCA2C2, #A29C61, #2B4339)
• Antique Periwinkle color palette (#FCF1FC, #86ADE4, #C286A8, #987242, #443944)
• Dusty Taupe color palette (#F2F7F1, #D3DDDC, #B9B4AA, #88A488, #4F544F)
• Ancient Turquoise Canyon color palette (#E5FBF0, #03AEDD, #AE8A34, #876A26, #20392D)
• Ancient Hollow color palette (#F3F6F0, #A7E0C4, #9190E7, #3BA278, #362931)
• Dusty Teal Lagoon color palette (#E9F9FA, #00A88C, #6380AA, #456952, #2D4143)

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