Weathered Harbor color palette — #F7EFF3 · #C0E1F9 · #628DD5 · #006D64 · #242A45

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C0E1F9): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#628DD5): A luminous, balanced violet — the color of wild irises.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#242A45): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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 Turquoise Atelier color palette (#F6F0F4, #D2D3E7, #5CA6CD, #4B765D, #2C3747)
• Tempered Emerald color palette (#ECF2FF, #7F85D0, #2C9742, #147F47, #161E30)
• Forest Terrace color palette (#F6EFF7, #A5D0DB, #008AA6, #116014, #01223D)
• Wandering Dune color palette (#EEF1FF, #F8D2D9, #F1B5A2, #5D86A7, #2D293A)
• Wandering Cerulean color palette (#EADFE6, #23859D, #003E68, #002017, #01000B)
• Softworn Powder color palette (#F9F4ED, #C2E1F1, #87C0F9, #2991A0, #4D374A)
• Weathered Basin color palette (#F4EBF3, #5FAAAE, #00617F, #003C1B, #000A20)
• Tempered Nightshade Ridge color palette (#ECDEE2, #5B90B8, #2824C1, #002C2C, #070015)

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