Wandering Harbor color palette — #FFF1F6 · #C7A2F6 · #EE727A · #AC692B · #312A13

A conversation between Watermelon and Lavender, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C7A2F6): A luminous, balanced violet — the color of wild irises.
• Watermelon (#EE727A): A luminous, balanced red — the color of a theater curtain.
• Ochre (#AC692B): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312A13): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Balance. Tagged jewel, 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

• Coral Pier color palette (#FFF1F3, #DEA1DF, #E48B6C, #A78A50, #36352E)
• Sunlit Blush Garden color palette (#F8F5E9, #B8C06C, #E279A8, #BA6855, #312615)
• Misty Cabin color palette (#FDF1F8, #B7B5FF, #D17EC3, #B65F5F, #003E55)
• Sky Courtyard color palette (#EDF6FF, #38C0FE, #C26C6D, #844541, #001A18)
• Blush Lagoon color palette (#FAE5DF, #F4667E, #A57F00, #437700, #071600)
• Amber Lantern color palette (#F0F8ED, #33C9B9, #DA8D34, #867F1A, #252A16)
• Ancient Azure Delta color palette (#ECF9F3, #00A3D5, #B35C90, #725D00, #182C20)
• Ash Thicket color palette (#EFF7F5, #E2D3D1, #86B1D6, #A9A79C, #3E4B47)

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