Weathered Harbor color palette — #FFF1F6 · #EED3EB · #75DFE6 · #A18EC9 · #374C3A

Ice Blue and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#EED3EB): A whisper-light, dusty pink — the color of neon signs at night.
• Ice Blue (#75DFE6): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Blue Fog (#A18EC9): A luminous, balanced violet — the color of wild irises.
• Deep Olive (#374C3A): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Iris Hollow color palette (#FFF0FB, #E1D7F1, #FFB4BF, #8395DD, #5F3C34)
• Oat Field color palette (#FFF1F5, #E3C7FF, #CDCB88, #B59CCD, #4F4D46)
• Timeworn Courtyard color palette (#FDF2F1, #E2DBD0, #AE7189, #603B38, #221818)
• Taupe Thicket color palette (#FFF1F4, #E3D7D2, #C7C1B6, #C1A18B, #57474A)
• Antique Lagoon color palette (#FFF1F5, #BEA4CF, #9C9D5C, #86619C, #4F4D46)
• Antique Lantern color palette (#FFF1F4, #E3D1D2, #CC9CE1, #7D5A89, #411F2A)
• Misty Orchid color palette (#FFF1F5, #E0B2FF, #00C3E1, #A54FD5, #00353E)
• Bronze Garden color palette (#FAF4EB, #DBE3C2, #C0AD77, #9A7232, #4D3D00)

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