Weathered Harbor color palette — #F3F4FF · #CBB6F3 · #7FC6BD · #4AA7C3 · #3A3C4C

Built around Cyan, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CBB6F3): A luminous, balanced violet — the color of wild irises.
• Mint Leaf (#7FC6BD): A luminous, dusty teal — the color of sea glass.
• Cyan (#4AA7C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3A3C4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Weathered 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 Hollow color palette (#FEF1F5, #D4B2F8, #76C293, #5687AE, #3E2B32)
• Ancient Teal color palette (#EDF6FF, #9EC8ED, #A4C288, #62AB8D, #313F4B)
• Dusty Iris color palette (#F9F2FF, #E8A0C2, #61B9E2, #718AE0, #392D43)
• Patina Cerulean Quarry color palette (#F8F3FC, #D297B0, #91A46F, #11899C, #43384A)
• Dusty Lagoon color palette (#EBFAED, #EEC1D8, #CEA673, #699A69, #5A3E4A)
• Airy Lime color palette (#E1F3EC, #A8B657, #0CB6B8, #008FBB, #002F22)
• Ancient Indigo color palette (#F2DCFA, #FF639A, #229CF9, #5C5DFF, #40001C)
• Quiet Atelier color palette (#E7E1F4, #CD53B8, #008DAB, #0063B4, #1C0118)

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