Wandering Harbor color palette — #F4F4FF · #FFD2DB · #E9A0B5 · #AE6F68 · #67495C

A conversation between Ballet Pink and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD2DB): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#E9A0B5): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AE6F68): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#67495C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Mallow Grove color palette (#EFF6FF, #E2D5EA, #C6A8E3, #9E6E94, #5C4962)
• Peony Corridor color palette (#EAE1FF, #E3A9CB, #C66C8C, #7E3F47, #3E2B3C)
• Wandering Workshop color palette (#F8F2FF, #ECD8D2, #E49B94, #9E6A48, #385339)
• Antique Taupe Courtyard color palette (#FBF1FF, #E9D7D9, #B9B9C9, #BEA08C, #5E4E5E)
• Ancient Corridor color palette (#FEF0FE, #F4D5C6, #91DEC6, #D17F84, #1F4E53)
• Washed Scarlet color palette (#FFDFF3, #FF819D, #D54237, #7A3C00, #2C1C00)
• Soft Villa color palette (#FFEFF7, #FFB4B8, #DF7142, #8A5500, #372C00)
• Worn Basalt color palette (#FFE8E8, #D2D9ED, #B5AAB1, #554455, #272027)

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