Wandering Harbor color palette — #F9F4EF · #A9CEC4 · #6275AE · #005E6B · #3B335D

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Oat (#A9CEC4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6275AE): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3B335D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Antique Quarry color palette (#FCF3EF, #B2CDB5, #1185A3, #006344, #073E60)
• Timeworn Courtyard color palette (#E8F5F5, #B1CAE5, #3F7CCD, #005679, #0E203C)
• Sunlit Sapphire color palette (#FFF2EA, #88C0DE, #0F6DC9, #005556, #242378)
• Hushed Periwinkle Quarry color palette (#F4F6EF, #ADE1D3, #5F97E1, #0075A2, #4C2F49)
• Worn Cypress color palette (#FCF3EF, #CBE3D2, #5093B4, #00735D, #573D59)
• Airy Navy Cabin color palette (#C8F1F7, #41A9CE, #0073B2, #133E9F, #373569)
• Petrol Boulevard color palette (#DCFEF5, #FBCDE3, #CF97C6, #00788F, #563951)
• Timeworn Abyss color palette (#EEE2DC, #538C8B, #004451, #002412, #000B14)

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