Wandering Harbor color palette — #F1F5FE · #DED6CD · #7881B9 · #3C465D · #171B23

Slate Blue takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Bone (#DED6CD): a clean, paper-quiet neutral.
• Slate Blue (#7881B9): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3C465D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#171B23): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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 Cerulean color palette (#EEF7FB, #B2ECEF, #4F91A2, #274B5C, #131D22)
• Sand Alley color palette (#F0F5FF, #E5E1AA, #8D9DC9, #626D81, #272C33)
• Softworn Plum Terrace color palette (#F8F3FC, #F0DDBF, #A55A7E, #51293D, #120D17)
• Hushed Grove color palette (#F7EFF5, #D8BF99, #555E89, #3F2839, #191117)
• Dusty Harbor color palette (#F4F5FB, #E3D8E1, #E08ECD, #A48BCF, #201C27)
• Byzantium Coast color palette (#F3F4FF, #FFC9C3, #863FC6, #391F53, #060613)
• Hushed Blush color palette (#FFF0F9, #FFC9F3, #CF8BA3, #8D6B45, #433B4D)
• Worn Mallow Hollow color palette (#F5F3FF, #F0D6DC, #D994C0, #9E5B77, #5E2335)

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