Weathered Harbor color palette — #C2E8ED · #17C8F5 · #009ACE · #0066AE · #093D84
A conversation between Cyan and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C2E8ED): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#17C8F5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#009ACE): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0066AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#093D84): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Denim color palette (#D5F1EB, #00B3CD, #007DA8, #0050AC, #3B3978)
- Quiet Sapphire Study color palette (#CCEBF9, #54BCFF, #118EF8, #0C57EC, #303582)
- Worn Cornflower color palette (#EFF6FF, #92C6FF, #118CF6, #00529A, #00244C)
- Tempered Balcony color palette (#97F6DD, #00CCC6, #0099A2, #007586, #00465B)
- Muted Azure Coast color palette (#FDF0FF, #E0DAE7, #D6BCFF, #00A3D0, #344972)
- Amber Pier color palette (#D9FFF2, #7CC8FF, #E97700, #006FA6, #5C2B00)
- Powdered Quarry color palette (#BDF3E6, #A4BCF9, #888DE5, #765EB9, #56426B)
- Nightshade Studio color palette (#C9E3F5, #3086E0, #2D4CD9, #3A00AA, #24054E)
Browse the whole catalog at Explore, or see today's palette.