Weathered Harbor color palette — #ECF4ED · #A2D9F2 · #008AD3 · #006168 · #06234D
A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4ED): bright and airy, almost weightless.
- Powder Blue (#A2D9F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008AD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006168): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#06234D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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 Cerulean Meadow color palette (#E9F6EB, #97DFDF, #0093A6, #00644E, #002A38)
- Pale Cobalt color palette (#E6F7E9, #7EC5ED, #0075C5, #00505A, #041444)
- Soft Cobalt Cabin color palette (#FFF2E9, #93DAF7, #3780D7, #00685A, #3B3A64)
- Hushed Denim color palette (#E2EEE4, #5094AC, #004F74, #002B2D, #00040F)
- Quiet Quarry color palette (#FBF4E9, #ABE5FF, #36A4ED, #00818A, #284064)
- Violet Study color palette (#DFE3FF, #9560E4, #AC5E00, #007262, #1C1030)
- Gentle Grove color palette (#EFF1FF, #FFD0E1, #F98BBE, #5D6DB3, #26223D)
- Linen Amethyst Alley color palette (#E1EDFE, #7D9CFF, #6D47FF, #561F9A, #300C43)
Browse the whole catalog at Explore, or see today's palette.