Weathered Harbor color palette — #EFF8F1 · #B4D9F7 · #5F98DB · #09798B · #2C3B54

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#B4D9F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5F98DB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#09798B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2C3B54): A deep, shadowed, dusty violet — the color of wild irises.

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

• Azure Villa color palette (#E9FBEC, #6DDBFF, #0097D6, #007274, #003362)
• Turquoise Balcony color palette (#EEF8F0, #BBEEFF, #69B1C3, #488878, #314B5C)
• Dusty Cobalt Orchard color palette (#FFF1F6, #A4CAE8, #4F78B9, #005F64, #2E3959)
• Turquoise Atelier color palette (#D9E8DC, #00B5CD, #007191, #004B45, #001626)
• Wandering Harbor color palette (#FAF4EF, #C6E9DC, #89B2F6, #009EA8, #35365C)
• Tempered Parlor color palette (#D7E7DA, #6298C4, #0A52B4, #003947, #04012A)
• Iris Orchard color palette (#F4F4FF, #FFD0F1, #F4B7C3, #8281B7, #413B52)
• Wisteria Grove color palette (#E1E1FF, #B571E7, #BE7700, #108983, #292744)

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