Weathered Harbor color palette — #EFF8EC · #7CECD8 · #F6B1BF · #62BBAB · #63443E
A conversation between Lagoon and Turquoise, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#EFF8EC): bright and airy, almost weightless.
- Lagoon (#7CECD8): A whisper-light, balanced teal — the color of sea glass.
- Ballet Pink (#F6B1BF): A whisper-light, balanced red — the color of a theater curtain.
- Turquoise (#62BBAB): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#63443E): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication, Softness, Clarity. Tagged 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 Meadow color palette (#EBF9F3, #A0DFFF, #F3B897, #68B3D8, #524C47)
- Seafoam Station color palette (#EAFBE6, #58E0D1, #EBAAAD, #C69781, #3B4638)
- Wandering Seafoam Atelier color palette (#E4FAFE, #6CDACA, #DF9BA7, #489D91, #59455D)
- Mallow Veranda color palette (#F7F6E4, #C2E1A2, #E4B2ED, #96B476, #64424A)
- Timeworn Meadow color palette (#EFF9ED, #AAF6EF, #C5C5FF, #39AEA6, #5B3A4E)
- Muted Coral color palette (#E3FDE8, #6DEFFE, #E9807A, #00ABB9, #681B1C)
- Seafoam Atelier color palette (#F3EEBF, #FFCED4, #01F3E8, #656F63, #333833)
- Wandering Glacier Courtyard color palette (#E5FDE3, #97F2ED, #70C9D2, #4F9697, #2B422B)
Browse the whole catalog at Explore, or see today's palette.