Wandering Harbor color palette — #FBF3F0 · #BFE3EC · #96D0ED · #6FB29C · #5D4B5F

A conversation between Jade and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Powder Blue (#BFE3EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#96D0ED): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#6FB29C): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5D4B5F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Aged Turquoise color palette (#EEF8F1, #8AE5F7, #FFB09D, #38BBD1, #534B47)
• Patina Alley color palette (#EFF7F6, #D2DEEE, #70BED4, #569292, #3C5666)
• Tempered Cypress color palette (#EDF4EE, #CFDDEF, #7BA2B9, #31796F, #253948)
• Quiet Aqua color palette (#FDF3ED, #B0EEEB, #10C6E4, #3DA26A, #143F56)
• Hushed Cobalt Meadow color palette (#EBE1DA, #72BCD8, #0088DB, #006D68, #060E38)
• Periwinkle Atelier color palette (#FFF3E8, #B1E1FF, #71ACFF, #00979C, #2A2968)
• Hushed Cocoa Archive color palette (#FEF3E7, #E8D7B9, #D5AE82, #B08970, #554700)
• Worn Drift color palette (#FAF4F0, #C2E0EB, #93CEFA, #77AFA5, #5D4C5B)

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