Weathered Harbor color palette — #FDF1F9 · #9FE1EF · #499ED7 · #347B60 · #2E385B

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Ice Blue (#9FE1EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#499ED7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#347B60): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2E385B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. 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

• Hushed Garden color palette (#FFF0FE, #63E1E5, #009AC6, #007839, #003168)
• Periwinkle Lantern color palette (#FBF2F6, #D5DEFD, #8BA4D8, #418882, #414660)
• Cornflower Archive color palette (#FBE9EF, #9ACBEF, #6680D7, #006C6B, #33254D)
• Antique Cerulean color palette (#F5F6EC, #AAD0B8, #0E84A6, #005F65, #00405A)
• Weathered Teal Atelier color palette (#CFF5E4, #00C7B7, #008FA6, #005F8D, #2C3E65)
• Wandering Amber Studio color palette (#C4ECFF, #00A7C3, #CB6D00, #8E6E00, #0A303F)
• Gentle Sky color palette (#DEF2FF, #00B7EF, #D6766A, #007DA4, #532722)
• Hushed Orchard color palette (#EBF7FF, #5DC1FF, #008AC3, #005977, #002435)

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