Weathered Harbor color palette — #DCF9F8 · #8EC0F1 · #2D70CA · #004D6C · #041249
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#DCF9F8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#8EC0F1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#2D70CA): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#041249): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Tempered Petrol Terrace color palette (#E3F7F4, #86C6DD, #007CA6, #00505A, #001C2E)
- Sapphire Boulevard color palette (#FDF3E9, #98BBE0, #465AE4, #005461, #372069)
- Softworn Cornflower color palette (#F3F7EB, #A0D0FF, #2F89FD, #006C96, #152D6C)
- Tempered Cerulean color palette (#D0EAE6, #3997AF, #005169, #002B2F, #00050A)
- Dusty Sky Study color palette (#D1F8FF, #87E2FF, #33B2FB, #00797B, #00222A)
- Weathered Cypress color palette (#EBF4F2, #CDDBEB, #76A4B6, #387871, #1E3A47)
- Ancient Thicket color palette (#D0EEE4, #009A84, #007066, #004241, #002325)
- Hazy Ultramarine Chapel color palette (#C4EBEF, #008189, #3248EC, #296100, #001213)
Browse the whole catalog at Explore, or see today's palette.