Weathered Harbor color palette — #ECEEE2 · #5BACBC · #006177 · #003E3F · #002330
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#ECEEE2): bright and airy, almost weightless.
- Cyan (#5BACBC): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006177): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Weathered Coast color palette (#E9EEDD, #239BD0, #004E79, #002E3A, #00142B)
- Muted Orchard color palette (#EDF0E5, #6ABDE1, #00709F, #004E5B, #09304D)
- Aged Cerulean color palette (#F4F7E6, #78DFFA, #008CB2, #00656C, #044661)
- Quiet Azure color palette (#F4E3DC, #A3CBB0, #2B9BDE, #00815C, #0D174F)
- Timeworn Lilac color palette (#F2E0E9, #C1A1F3, #AA70B9, #384084, #2D1F43)
- Washed Pewter color palette (#F5F6EE, #C5E9DF, #81A387, #5F7755, #43594A)
- Antique Lapis color palette (#F5E9F2, #4152F4, #006956, #1E15A0, #002119)
- Weathered Grape color palette (#E7E8FF, #571CE1, #8C005B, #004553, #0F0B2C)
Browse the whole catalog at Explore, or see today's palette.