Wandering Harbor color palette — #F2F5FF · #99ADFF · #BE9606 · #4441FD · #271D00

Built around Iris, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#99ADFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#BE9606): A luminous, balanced gold — the color of afternoon light on wheat.
• Iris (#4441FD): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#271D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Hushed Grape color palette (#F2F5FF, #C1B5FF, #A29800, #6F08EF, #221F00)
• Chalky Sapphire color palette (#EEF6FF, #7BB5FF, #CB8F06, #0067C8, #2B1B00)
• Timeworn Indigo Corridor color palette (#D9E5FF, #A3AEFF, #D9AB20, #6568F3, #3B2B00)
• Washed Orchid Summit color palette (#F3F4FF, #D9B5FF, #9CC11E, #9E49E2, #283400)
• Feathered Nightshade Harbor color palette (#F2E0EC, #6C70FF, #8C6D00, #3D00D2, #1D1400)
• Pale Grape color palette (#F5F4FF, #E097F9, #52A33D, #803298, #041F00)
• Soft Amber Courtyard color palette (#E8F8FF, #4FD2FF, #DA6600, #007696, #351300)
• Sunlit Plum Balcony color palette (#F6F3FF, #ED9FEA, #68BC79, #A451A2, #003210)

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