Wandering Harbor color palette — #F1F0FD · #AB84B6 · #A3785C · #49692E · #232030

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

The five colors

• Blush (#F1F0FD): bright and airy, almost weightless.
• Dusty Rose (#AB84B6): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#A3785C): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#49692E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#232030): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Chestnut color palette (#EBF2FD, #7B94C7, #A8717E, #6F5C19, #192332)
• Hushed Forest Canyon color palette (#F4F0F7, #B0798E, #8E5847, #00623A, #11192B)
• Cypress Parlor color palette (#FBEDF7, #C28175, #948053, #006E5D, #2B1E28)
• Bronze Studio color palette (#F5F3FF, #A680B0, #AB6D59, #745A32, #3D3B4A)
• Weathered Bronze Harbor color palette (#EEF2FA, #9397C9, #97643D, #005857, #142743)
• Pewter Delta color palette (#E9E7F6, #955B9D, #696900, #004E51, #1C051F)
• Hushed Pier color palette (#FBECFF, #C44B6F, #9D5700, #00592E, #2C010F)
• Antique Taupe color palette (#E8FAF3, #6DB4DE, #B69752, #458A72, #31413B)

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