Wandering Harbor color palette — #E8F4FF · #4DFEF8 · #FFBBC4 · #471520 · #170A19

A conversation between Sea Foam and Ballet Pink, giving this palette its sense of balance.

The five colors

• Ivory (#E8F4FF): bright and airy, almost weightless.
• Sea Foam (#4DFEF8): A whisper-light, balanced teal — the color of glacier melt.
• Ballet Pink (#FFBBC4): A whisper-light, dusty red — the color of late-summer berries.
• Espresso (#471520): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#170A19): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Balance. Tagged neon, dark, vibrant, 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

• Patina Lagoon color palette (#E1E9FF, #8FE8FF, #FFB0A2, #321C2D, #0F050D)
• Chartreuse Courtyard color palette (#DAF9FF, #99FF76, #FFB4E7, #431E38, #110A1A)
• Timeworn Sand color palette (#D4F4FF, #FFD2B8, #CDBFBE, #4B3440, #1F161B)
• Peony Hollow color palette (#C8F4ED, #83C6FF, #E93F9A, #3C1327, #1D0808)
• Mint Market color palette (#D5E8FF, #00E793, #FF8C89, #2E0306, #040103)
• Vanilla Quarry color palette (#E9F8FF, #FFEFA9, #E2D4D7, #354B3E, #212723)
• Hushed Marigold Studio color palette (#F5E9FF, #8CD6FF, #F6A900, #2D1C00, #000500)
• Tempered Studio color palette (#D0E0F8, #91D200, #FF796D, #4D2909, #312018)

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