Weathered Harbor color palette — #F0F7F1 · #D5D6E6 · #6BCAE2 · #3D9380 · #254356

Sky takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D5D6E6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#6BCAE2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3D9380): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#254356): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Powder Drift color palette (#F0F7F1, #DBD5DF, #98BAFF, #3A8DAA, #353F56)
• Softworn Sky Grove color palette (#F0F7F1, #D9E0EC, #46B2E6, #007F7D, #14304B)
• Tempered Ridge color palette (#E0FCFA, #BFE7EE, #B6BCCF, #8FA972, #2B4648)
• Ancient Hollow color palette (#E6F2E8, #6CC6D8, #007193, #003E3A, #000307)
• Dusty Cobalt color palette (#ECF9EE, #9DD5F0, #0080C8, #005057, #000A26)
• Hushed Grove color palette (#F5F6EE, #C9E5CC, #5196A1, #00716A, #2C513C)
• Quiet Mallow Terrace color palette (#E7FAF7, #ADE5AE, #E997F4, #569D59, #3A3351)
• Dusty Ultramarine Atelier color palette (#E6F2E8, #70A8D7, #0C4DB0, #002A35, #01000A)

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