Weathered Harbor color palette — #EEF7F6 · #B4E9EA · #8BC3B0 · #849EAF · #3F5151

A conversation between Mint Leaf and Sea Foam, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Sea Foam (#B4E9EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#8BC3B0): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#849EAF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#3F5151): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Teal Grove color palette (#EDF8F3, #B0DBD5, #6FA994, #7D7A90, #3F514F)
• Lagoon Boulevard color palette (#EAF5EE, #A9CCC4, #5C8C90, #675C70, #223632)
• Washed Boulevard color palette (#FBF1FD, #EBD5DB, #A6CAD9, #DEADBD, #584D59)
• Timeworn Moss Courtyard color palette (#ECF9F2, #C6D0A2, #8CAD5B, #A5766E, #1B3D32)
• Aged Mustard color palette (#FFF0FE, #FAB1B2, #E2B758, #BEA2CF, #4C3C4C)
• Tempered Mint color palette (#D7F2EF, #5EDCA1, #00B08B, #A76D00, #013822)
• Lagoon Pier color palette (#D3F4F4, #009F81, #007266, #004D73, #000805)
• Antique Emerald Orchard color palette (#D3E5DE, #93B468, #3F960C, #914F38, #00211A)

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